Почему размер шрифта не меняется?

Я хочу установить размер шрифта с помощью em, а не px. Вот мой код:

<style type="text/css">
body{
    font-size: 62.5%;
}

div{
    font-size: 1.2em;
}
</style>

<body>
<div>hello world</div>
</body>

Я хочу установить размер шрифта div равным 12px, но он выглядит меньше, чем я ожидаю, я отключил стиль div с помощью инструментов браузера Chrome, и он не изменился. Почему и как мне сделать, чтобы размер шрифта div был 12 пикселей? Спасибо.


person hiway    schedule 07.04.2013    source источник
comment
Вы пробовали font-size:12px?   -  person Niet the Dark Absol    schedule 07.04.2013
comment
Если у вас нет другого CSS, текущий CSS может правильно установить размер шрифта div на 12 пикселей. Вы можете проверить его вычисленный стиль, используя Firebug Firefox или Инструменты разработчика Chrome, чтобы подтвердить это.   -  person Ian Y.    schedule 07.04.2013
comment
@IanY, да, в computed style показано, что размер шрифта div составляет 12 пикселей, большое спасибо.   -  person hiway    schedule 07.04.2013
comment
@IanY, я просто меняю размер шрифта div на очень маленькое число: .2em, но в computed style все еще отображается 12px, значит ли это, что наименьший размер шрифта в браузере равен 12px? Если нет, то как было вычислено 12px?   -  person hiway    schedule 07.04.2013
comment
@HiwayChe, Chrome по умолчанию не позволяет размеру шрифта опускаться ниже 12 пикселей. Вот почему вы не могли заметить изменений. Чтобы преодолеть это, установите -webkit-text-size-adjust: none; на body.   -  person Ian Y.    schedule 07.04.2013


Ответы (1)


хм, похоже, у меня работает: пример

Хотя, возможно, вы имеете в виду небольшое изменение по сравнению с включением/отключением свойства font-size. Это связано с тем, что em для вложенных элементов относится к их родителям font-size. В вашем случае font-size:Xem для div относится к font-size:X% тела.

Если вы по-прежнему не получаете изменений, попробуйте установить для body font-size больший процент, чтобы увеличить шрифт div.

person Michael Nguyen    schedule 07.04.2013
comment
да ты прав. Изменение очень небольшое, когда я изменяю div на больший размер, его можно отчетливо обнаружить. - person hiway; 07.04.2013