@avr1972

Какие единицы измерения лучше использовать при верстке адаптивных сайтов и почему?

Скажите пожалуйста какие единицы измерения (%, px, em, rem ...) лучше использовать при верстке адаптивных сайтов и почему? Какие единицы измерения для шрифтов, margin padding, медиа запросов и т.д.? И еще если можно, то почему?
  • Вопрос задан
  • 2736 просмотров
Пригласить эксперта
Ответы на вопрос 1
bootd
@bootd Куратор тега CSS
Гугли и ты откроешь врата знаний!
Лично моё мнение, то мне кажется тут дело вкуса. И да, сейчас много кого придёт в коменты. И перед тем, что бы что-то написать про другие единицы, отличные от тех, что я написал, повторю сразу, это лишь моё мнение. Кто хочет, тот те использует.

Есть флоаты, инлайн блоки, флексы, гриды. Юзай что хочешь.
С еденицами измерения так же. Я всю жизнь верстал пикселями и наверно продолжу. Иногда использую viewport единицы, там, где считаю нужным. Почему пиксели, потому-что они чётко работают и не нужно ничего считать, а так же я всегда уверен, что 1px равен 1px на любом мониторе. Я вот до сих пор не знаю, сколько значит 1rem или em, но мне особо не интересно, знаю только, что они зависят от чего-то. Я просто не нашёл им применения в своих задачах. Да и на работе у нас, верстальщики тоже ими не пользуются, т.к. я уже сказал, пиксель чётче и не нужно больше думать. Как пример, в фотошопе 20px указано, 20px и запишу в css, не думаю ни о чём.

Для js такие единицы не особо подходят, потому как тоже не нужно делать никаких вычислений. Заметьте, что все плагины, библиотеки используют пиксели в расчётах размеров и отступов у элементов.

Ну а проценты, само собой использую. Как иначе сделать элементы резиновыми? В адаптивности, только проценты для основной сетки. Для медиа запросов тоже пиксели юзаю.

Даже отладчик, в моём случае у хрома, в мобильном эмуляторе, делает экран устройств размером, указанном в пикселях.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
22 нояб. 2024, в 22:26
3500 руб./за проект
22 нояб. 2024, в 21:47
3000 руб./за проект
22 нояб. 2024, в 21:44
50000 руб./за проект