나는 CSS에서 어떻게 작동해야하는지에 대한 이해가 어려워요. 글꼴 (font)과 동일한 방식으로 요소 (이 경우 div)를 가져 오려고합니다. 내가 할 수있는 한 내 문제 진술을 축소했다. 내가 몸 {글꼴 크기 변경할 때글꼴을 사용하여 VS 폭
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<style>
body { font-size: 100%; }
.EventReg {
border:solid #000000 .063em;
background-color:#000000;
padding:.625em;
width:13.65em;
}
</style>
</head>
<body>
<div style="font-size:2em;">Event Registration</div>
<div class="EventReg"></div>
</body>
</html>
이것은 IE, FF, 그리고 크롬에서 제대로 확장 할 것 : 100 %; }을 다른 퍼센트로.
내가 기대하는 바는 컴퓨터 브라우저에서 div와 텍스트가 정확히 같은 길이라는 것입니다. 그러나, 내 안드로이드 스마트 폰으로 이것을 확인하면 텍스트가 div보다 약간 넓습니다.
크기가 조정 되어도 텍스트 아래의 div가 텍스트와 동일한 너비가 될 것으로 예상됩니다.
어떤 생각이 잘못되었거나 내 가정이 잘못 되었습니까?
[이 게시물을보십시오 (http://stackoverflow.com/questions/16288813/responsive-css-ems-wont-resize-lower-than-0-5em/16289640#16289640), 나는 그것을 대답했다. 며칠 전에, 그리고 정확히 당신이 알고 싶어하는 것입니다. 간단히 말해서, 픽셀 글꼴 크기를 먼저 지정하지 않으면 '안에'의 결과는 예측하기 쉽지 않습니다. – Tyblitz
나는 운없이 다음을 시도했다 : ** html {font-size : 16pt; }, html {글꼴 크기 : 16px; }, body {font-size : 16pt; }, body {font-size : 16px; } **. 이것은 컴퓨터 브라우저에서는 올바르게 조정되지만 전화기에서는 올바르게 조정되지 않습니다. – lurch3777
That sucks ...이 경우 나는이 문제에 대한 해결책에 정말로 관심이있다. ... – Tyblitz