Почему я должен использовать em, а не% для шрифтов?

Если ems по существу дает вам результат, который представляет собой процент от базового шрифта, какое преимущество имеет его использование, а не% для размера шрифта? Я осмотрелся и не видел ничего, что подразумевает, что они ведут себя по-другому друг от друга. Есть ли каскадная проблема?

6 голосов | спросил Rath_Er 5 42015vEurope/Moscow11bEurope/MoscowThu, 05 Nov 2015 01:06:12 +0300 2015, 01:06:12

2 ответа


4

EM и PERCENT очень похожи, единственное различие между ними можно наблюдать при изменении размера текста в клиентском браузере.

 Сравнение

Резюме

  

В теории единицы em и rem являются новым и предстоящим стандартом для размеров шрифтов в Интернете, но на практике процентная единица, похоже, обеспечивает более последовательный и доступный дисплей для пользователей.

Оригинальная статья Кайла Шеффера: http://kyleschaeffer.com/development/css-font-size-em-vs-px-vs-pt-vs/

ответил Igorek 5 42015vEurope/Moscow11bEurope/MoscowThu, 05 Nov 2015 01:21:38 +0300 2015, 01:21:38
2

В плане поведения нет никакой разницы. Разница, приведенная выше, является, по-моему, просто ошибкой реализации браузера.

Я только что сделал быстрый тест в текущем Chrome и Firefox, и нет никакой разницы в определении размеров дочерних элементов: меньше; : больше, если родительский элемент равен 1 или 100%. Я был бы очень удивлен, если бы эта ошибка присутствовала в любых современных браузерах; браузеры прошли долгий путь через семь лет.

Единственное отличие, на практике, - это дополнительный символ, необходимый для использования%. Зачем использовать 4, когда вы можете использовать 3?

Помимо этого, я считаю, что единственное отличие - исторический прецедент. Есть сотни лет традиции за настройкой размера шрифта в ems.

ответил Seth Warburton 6 52015vEurope/Moscow11bEurope/MoscowFri, 06 Nov 2015 11:10:15 +0300 2015, 11:10:15

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132