Андрей: На 100% не скажу, но мне наибольший эффект дал именно WP Super Cache. Под плагином Woocommerce с 1000+ товаров без него каталог грузится 5-6 секунд на нормальном сервере. С Super Cache - 1-2 максимум.
Алексей Струков: И при этом ПК-шные браузеры разрешают масштабирование по CTRL+колесо, увеличивая всё равномерно и пропорционально. А на мобильных - всё залочено)
Алексей Струков: Ну дело такого рода, что 100% - это и есть 16 пикселей во всех нормальных браузерах независимо от устройства (вроде бы как, не уверен).
Сейчас всякие крутые версталы практикуют фишку с rem:
делаем для html { font-size: 62.5% } - это будет 10 пикселей. И далее все размеры указывать в rem. В данном случае 1 rem будет равен 10px. Ну и далее, например, заголовок h1 = 2rem, h2 = 1.5rem, h3 = 1 rem и т.п.
Потом в нужном media (например, для айфона) указываем: media all and (max-wi....)........... {
html {
font-size: 82.5%;
}
}
И всё - во всех остальных элементах все размеры увеличатся пропорционально на 20%.
Роман Краббз: Я немного неправильно выразился в ответе на пост - pixel aspect ration не меняется. Изначально макеты рендерятся по pixel aspect ratio девайса и потом масштабирование делается равномерно на всё сразу. Вот так правильно.
Правильная штука - менять размер текста вместе с размером всего остального (пропорционально). Тогда вёрстка не сломается.
Алексей Струков: Неа. Расскажу пример.
У меня планшет, например, имеет экран 1280x800. Но pixel aspect ratio у него х2. Макеты цсс из медиа запросов он выбирает соответственно 1280x800/2 - 640х400. И initial-scale на это никак не влияет. То есть, привязки пикселов CSS к физическим пикселам девайса за счёт initial-scale нет. Другое дело, что можно делать особые условия для (max-width:640) and (max-height) and (-webkit-min-device-pixel-ratio: 2) - но это уже другая история.
Наглядно эти штуки можно глянуть в инспекторе хрома в режиме проверки адаптивной верстки - там прямо списком забиты популярные девайсы для тестов (Galaxy S5, iPhone и т.п.)
