Em vs Px и кросс-браузерная совместимость

Ответ 1

Строго говоря, использование em поверх px на самом деле не является проблемой совместимости между браузерами - все браузеры поддерживают их использование как для размера шрифта.

Было бы желательно избегать использования px для размера шрифта, поскольку браузер с самой большой долей на рынке, IE6, не позволит изменять размер текста. Он видит px как абсолютное значение, а не относительное значение, подобное em, и поэтому не будет масштабировать текст вверх или вниз в пикселях.

В зависимости от вашей аудитории вам может не понадобиться беспокоиться об этом. Там есть какая-то отличная информация о преимуществах em и о том, как они могут помочь в создании жидкого макета здесь: http://www.alistapart.com/articles/fluidgrids/

Ответ 2

Да. В некоторых браузерах (например, IE8 -cough) текст не масштабируется должным образом, когда он находится в пикселях. Они масштабируются отлично, но изменение размера текста не дает никаких результатов.

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

Ответ 3

Я считаю, что некоторые из рекомендаций, которые я узнал, когда начались первые веб-работы, оказались на обочине, а рекомендация против размерных шрифтов с помощью px является одним из них. Причина проста: все современные браузеры теперь графически масштабируют целые страницы очень чисто, и поэтому размер текста как функция браузера является спорным.

Проблема расширения текста существует только с IE6 (вы можете увеличить IE8). В настоящее время IE6 составляет менее 10% в глобальном масштабе. Те, кто "с трудом видит", составляют около 2% населения США. Это означает, что попытка разобраться с IE6 дает 0,2% пользователей в США. Если бы там был браузер с долей 0,2%, мы бы все проигнорировали его.

Преимущество игнорирования "масштабируемого" размера шрифта в пользу px очень велико, потому что оно проще, как для реализации, так и для понимания. Во-первых, это вряд ли затронет тайны каскада. Это особенно полезно в ситуациях, когда высота должна быть точно контролируемой, например, в строке меню.

Я только недавно начал удалять em и% из сайтов, которые я создаю в пользу px, поэтому могут быть gotchas, которые я не ударил. До сих пор я нахожу результат обнадеживающим.

Поэтому я рекомендовал бы рх не только для новичков, но и вообще.

Ответ 4

EM можно изменить в некоторых старых браузерах (включая IE 6), а PX - нет. Но, откровенно говоря, люди, имеющие доступность, должны иметь возможность изменять размер шрифта, используя более современные браузеры.

Для новичка CSS с PX. EM может быть болью, поскольку они являются текучими, и у вас могут быть какие-то странные эффекты и не знаете почему.

Прочтите это для получения дополнительной информации о PX-EM -% - http://css-tricks.com/2580-css-font-size/

Надеюсь, что это поможет.