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

    bootd
    @bootd Куратор тега CSS
    Гугли и ты откроешь врата знаний!
    Лично моё мнение, то мне кажется тут дело вкуса. И да, сейчас много кого придёт в коменты. И перед тем, что бы что-то написать про другие единицы, отличные от тех, что я написал, повторю сразу, это лишь моё мнение. Кто хочет, тот те использует.

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

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

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

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