Вложенность, константные переменные (я не про CSS-переменные), генеративные механизмы (миксины, циклы), позволяющие уменьшить воспринимаемый код в разы, разделение кода по кусками и т. д. В CSS этого нет, поэтому и пользуются, для какого-нибудь лендинга это действительно не нужно.
LOL. Учитывайте то, что transform создаёт новый контекст, что ломает систему координат в ряде случаев (привет, fixed и sticky). Это не запретный плод, а просто очень плохое решение. Отвратительное, я бы сказал. Порционное и только точечное использование.
gvozd1989, советую, что бы весь контент вмещался в максимум 1340px, а так вообще в 1200px. Всё зависит от дизайна и задачи. Посмотрите, как сделаны популярные сайты.
Если не через медизапрос, то через что? Это же CSS. Планшеты ничем себя не выдают толком в плане CSS. Если ваша задача определить iPad, то можно комбинировать обычный медизапрос (@media) и проверку поддержки (@supports) вот этого свойства: -webkit-overflow-scrolling —оно присуще исключительно устройствам на базе iOS и iPad OS.
gvozd1989, ну так значит это его решение. Скейлинг ОС прямо влияет на то, какое viewport будет у браузера. При заданных параметрах у него viewport примерно равен 1440 пикселям.
Более того, до сих самые популярные десктопные разрешения — 1360 и 1440 пикселей (без учёта полосы прокрутки). Делать основной макет, ориентируясь на 1920, — опрометчиво.
Более того, я вам скажу, что настройки масштабирования ОС у большинства относительно современных и, считайте, всех современных ноутбуков на Windows с экраном FullHD из коробки как раз 125%.
Крупнее, потому что у него viewport больше. CSS-пиксели ≠ физические. Вы же делали адаптивность, правильно? При вёрстке для вас не должно быть никакой разницы, есть масштабирование, нет ли, есть ли Retina (то же масштабирование) или нет.
