Как использовать их идеально, не получая вложенную проблему?

Question

Как использовать em идеально, не получая вложенную проблему?

Как получить идеальный необходимый размер для каждого необходимого элемента?

Если я использую #Wrapper (font-size:62.5%), потому что легко вычислить шрифтразмеры.

Как справиться с вложенными выпусками font-size и line-height?

Answer 1

Если вам нужно вложить элементы списка (теги li), вы можете использовать следующий CSS, чтобы они не продолжали расти или уменьшаться:

li li {
  font-size: 1em;
}

jsfiddle: http://jsfiddle.net/Sy92u/6/

Подобные понятия могут применяться в других ситуациях, но могут не работать для вашего точного варианта использования.

Answer 2

надевает щит пламени

Я использую метод 62,5% + em в течение 3 лет, но я только что переключился на пиксели.

Почему?

• Пиксели являются относительной единицей
• Количество пользователей IE6 все меньше и меньше (это означает, что теперь все больше людей могут правильно изменить размер, и вам не о чем беспокоитьсяо предостережениях IE6)
• Современные браузеры с лучшей поддержкой увеличения / уменьшения масштаба
• Вы экономите время - все понимают пиксели, и нет никакой математики, связанной с размером наследуемого шрифта em и вычислением относительногок этому

С учетом сказанного:

• По-прежнему используйте pt для печати, потому что это более надежно

Если вы все еще хотитеиспользуйте ems, это нормально.Самая лучшая стратегия, как бы нелогично это ни звучало, - создавать более конкретные правила, чтобы размер шрифта em не наследовался всем.

Вместо:

body { font:62.5% arial; }
div#content { font-size:1.2em; }
p { font-size:0.9em; } /* have to calculate to try to get 11 px */

Выполните:

body { font:62.5% arial; }
div#content p { font-size:1.1em; }

Конечно, существуют утилиты для расчета пикселей для вас (всей таблицы стилей или веб-страницы) в ems, но для меня это просто пустая трата времени.