em vs px

[SuperJerk]

Всех приветствую.

Сабж, собсно такой: имеет ли смысл на сегодняшний день, задавать размер шрифта в em? Все более-менее современные и не очень браузеры нормально зумят шрифт, который задан в px ( да и зумить страницу гораздо проще, чем лезть в настройки и менять размер шрифта ). Ну а для резины проценты, имхо, гораздо удобней.

В em меня не устраивает то, что некоторые элементы при увлечении шрифта, ломаются. Например, горизонтальная менюшка: на всю ширину, текст в em. В итоге меню лезет на новую строку... nowrap не катит.

Как исправлять подобные вещи? Использовать в таких местах px?

[npofopr]

http://habrahabr.ru/post/42151/

[SuperJerk]

Спасибо, но эту статью уже читал Там проценты победили в случае резиновых макетов и я с этим полностью согласен (а я имею ввиду фикс. ширину).

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

Только этой статье уже 5 лет и в то время браузеры не очень хорошо умели работать с пикселями. Сейчас же можно нажать хоткей и увеличить страницу, при этом с пикселями будет всё ок.

[Vin]

Em удобны в первую очередь для размеров, рассчитанных на увеличение размеров шрифта и т.п.. Как раз таки масштабирование путём увеличения размеров шрифта при соответствующей вёрстке выглядит лучше — элементы увеличиваются, а изображение не замыливается, но это мало для какого дизайна подходит. Да и много мороки с каскадностью, если задавать размеры шрифта в em (хотя есть ещё rem, но это пока не кроссбраузерно), так что пиксели побеждают.

[lexxcode]

rem решает с поддержкой уже все в порядке.

[r]em позволяет делать верстку более гибкой чем с применением px, и дело не в том, что можно указать в настройках браузера другой размер шрифта по-умолчанию и страница подстроится. Это только самый поверхностный вариант использования. Все гораааздо интересней. Масштабирование через CTRL + (+|-) это вообще не из этой песочницы.

Так, что если верстка обеспечивает адаптивность в любых проявлениях, px делать там нечего rem решает, в крайнем случае em. Но с em нужно быть немного внимательней чем с rem из-за каскадирования. Если же это просто статичная, по своему поведению, страница то можно и px использовать. Но если заложить избыточность и применить [r]em даже в простой верстке, это будет играть только на руку при поддержке проекта.

Так, что rem побеждает

[Vin]

Для line-height или отступа текста, понятно, что можно и нужно использовать em. А вот для размера текста это не очень удобно. Rem могли бы быть решением, но

http://caniuse.com/#search=rem

IE9+, Opera mini не поддерживает.

[cmndr_alexgreen]

Не знаю насколько это правда, но уже много лет назад когда я начинал, один человек на похожий вопрос сказал : "как привыкнешь в итоге так и будешь далее вставлять единицы величины, +em вроде как больше для типографии подходит, нежели для веба".

В итоге всю жизнь размечаю все в px и как-то проблем не испытываю)).

[lexxcode]

em нормально подходит для указания размеров шрифта. Я согласен, что em имеет свои ограничения, но тем не менее.

А то что rem не поддерживается в IE8- и Opera mini. Так это не делает ограничений в его использовании. В скопе с отсутствием поддержки rem там еще много чего не поддерживается. И без того остального rem просто не имеет особого смысла.

Не знаю насколько это правда, но уже много лет назад когда я начинал, один человек на похожий вопрос сказал : "как привыкнешь в итоге так и будешь далее вставлять единицы величины, +em вроде как больше для типографии подходит, нежели для веба".

В итоге всю жизнь размечаю все в px и как-то проблем не испытываю)).

я раньше тоже только px использовал, долгое время, а потом перешел на em, сейчас на rem

[npofopr]

em нормально подходит для указания размеров шрифта. Я согласен, что em имеет свои ограничения, но тем не менее.

А то что rem не поддерживается в IE8- и Opera mini. Так это не делает ограничений в его использовании. В скопе с отсутствием поддержки rem там еще много чего не поддерживается. И без того остального rem просто не имеет особого смысла.

Не знаю насколько это правда, но уже много лет назад когда я начинал, один человек на похожий вопрос сказал : "как привыкнешь в итоге так и будешь далее вставлять единицы величины, +em вроде как больше для типографии подходит, нежели для веба".

В итоге всю жизнь размечаю все в px и как-то проблем не испытываю)).

я раньше тоже только px использовал, долгое время, а потом перешел на em, сейчас на rem

А если стоит везде rem, и браузер его не понимает, то он какие размеры выставляет?

[lexxcode]

А если стоит везде rem, и браузер его не понимает, то он какие размеры выставляет?

Размеры по-умолчанию браузера ставит или из фолбэка, если такой был заложен в стилях