1.0em - это то же самое, что и 100% для размеров шрифта?

Question

Я пытаюсь отладить, почему наличие font-size: 1.0em в jquery-ui приводит к тому, что размеры моего шрифта для моей страницы увеличиваются (более 16 пикселей) без какого-либо фактического изменения размера шрифтов. Ну, в Firebug я видел странную вещь для аккордеона.

На базе у него было font-size: 1.0em, но позже оно было переопределено на font-size: 100%. Может ли это вызвать какие-то проблемы с размером шрифта? У меня всегда было впечатление, что 100% был таким же, как 1.0em

Answer 1

Да.

1em и 100% означают одно и то же (для размера шрифта) - «Тот же размер шрифта, что и у родительского элемента» (что не совпадает с размером шрифта, выбранным пользователем, если только вы не говорить об элементе HTML).

В Internet Explorer есть ошибки, когда используется em, а размер шрифта, выбранный из меню просмотра, не равен medium.

Answer 2

Да, em и процент взаимозаменяемы по размеру шрифта.

Я не могу точно сказать, что происходит в вашем случае без кода, но это может быть связано с размерами вложенных шрифтов:

<div style="font-size: 150%;">
    This text is at 150% of the base.

    <div style="font-size: 100%">
        This text is the same size as the text above.
    </div>
</div>

Answer 3

em определяется для каждого пользователя для каждого браузера. Таким образом, em определяется для доступа в различных настройках браузера или в настройках пользователя.

Это означает, что 1em может быть 16px или 10px в соответствии с настройками пользовательских настроек в браузере.

Если вы хотите больше контролировать размер шрифта, используйте px вместо em.