CryNet, а, мм, а что с планшетами? К примеру, строка с тремя элементами на полной версии.
Получается, на планшетах на какой-то строке будет по два элемента, а на другой — только один и пустое пространство? И всё в целом будет косое какое-то.
Словом, решение с одним контейнером выглядит наиболее привлекательно + media-запросы, но тут нужно понять, что точно нужно автору.
ProgerSoft, у меня для простых проектов есть один очень простой и тупо настроенный, но рабочий файл конфигурации. Он сначала собирает Less-файлы в один, потом компилирует его в CSS, потом проходит PostCSS с Autoprefixer + CSSNano, после чего пишется сам файл.
Владислав Лысков, а как у вас элементы будут точно занимать 100, 50 и 33 процента? Вы же не знаете, сколько контента содержит каждый дочерний элемент. С учётом стандартного flex: 1, какой-то из этих элементов может быть больше других, если в них всех разный контент. И в любом случае это не особо решает проблему адаптивности, всё равно придётся использовать медиа-запрос.
Если вы в одном контейнере задали дочерними элементам flex: 0 0 100%, во втором — 0 0 50%, а в третьем — 0 0 33%?
Вам всё равно будет нужно адаптировать. Если хотите использовать flex-grow и -shrink, то это будет равносильно непредсказуемому поведению в плане расширения и сужения габаритов, которое будет зависеть от контента внутри дочернего блока.
Коля Шоря, как я писал выше, надо смотреть настройки сервера, а не данные Pingdom, если вы хотите узнать, работает ли GZIP. Меньше запросов — ясное дело, ведь нет запросов к Facebook.
Коля Шоря, Facebook не может блокировать GZIP на вашем сервере, потому как это технология вашего сервера. Iframe с Facebook не может влиять на настройки вашего сервера никоим образом.
ProgerSoft, у меня CSSNano обрабатывает calc(), сжимает названия анимаций до одной и более букв и убирает все пробелы в конструкциях по типу «rgba(1, 1, 1, . 2)». Да и селекторы с одинаковыми свойствами объединяет через запятую.
PinocioCORP, нет экранов меньше 320 пикселей. Косяк в JS тоже может быть.
Активируйте USB-отладку на телефоне, откройте проблемный браузер и попробуйте через Chrome на ПК сделать отладку через режим разработчика. Если там, конечно, этот браузер вообще отобразится. Стандартный браузер иногда можно отладить через Chrome, иногда нет. Видимо, должна быть совместимость с ним, если разработчики отдельной прошивки что-то меняют и делают какой-то отдельный браузер, хоть и основанный на Chromium.
ProgerSoft, у меня CleanCSS иногда ломал вложенные media-запросы. Но, возможно, дело исключительно в конфигурации.
CSSNano использую в стандартной конфигурации, если говорить не о Gulp-версии. Вполне возможно, у Gulp-версии CSSNano другая конфигурация, более агрессивная, поэтому сжимает она лучше.
Спасибо за результаты и тестирование, сегодня посмотрю!
