Olek1, да и IE11 весьма недурно Flexbox поддерживает.
Сделал дизайн и оболочку (вёрстку без JS-логики и backend) для приложения одного: test.mindvision.video. Полностью работает в IE11: анимации, разметка, кнопки, поля и всё-всё. Не работают только тени под иллюстрациями (они на filter: blur) и одна анимация SVG на последнем шаге, где ввод кода из SMS.
JS — не моё, поэтому логику уже прикручивал другой человек. Там только моя условная панель для «отладки»: можно потыкать, вызвать разные экраны, анимации и панель управления шагами.
В том проекте (интернет-магазин который) я просто использовал grid + не делал всякие свойства, которые необходимы для работы flex в IE11, поэтому grid пришлось переделывать для поддержки IE11 (без gap'ов) и прописывать нужные для IE11 свойства (типа задавать дополнительно height вместо просто min-height и т. п.).
Сергей delphinpro, полностью согласен. Есть ещё одна проблема: часто всё упирается в бюджет. Хотят за сайт отдать 20 тысяч, поэтому на выходе получается говно, что логично.
Я иду на понижение, т. е. адаптивность у меня это media-стили мобильных устройств. Не знаю, уменьшает ли это объём CSS, но это точно удобнее, чем изменение стилей в обратном порядке по типу media media (min-width: 1299px). Для меня, конечно же.
Опять же, всё зависит от проекта. У меня есть проект, в котором идёт как раз на повышение (mobile first), но это изначально ориентированное на телефоны и планшеты web-приложение, которое мы решили использовать и для десктопа.
Olek1, сделал шаблон для московского интернет-магазина сантехники. Около 6 тысяч посетителей в сутки, не так много, конечно. Начальники решили делать без адаптации под IE11 для ускорения процесса, т. к. у них по статистике это лишь ~3%. Мужик, что пилил скрипты, тоже не стал проверять их работоспособность в IE11. Я в целом был против, но я не имел права голоса.
В итоге, через три дня, набралась куча жалоб от пользователей, что они не могут оформить заказ, не нажимаются кнопки, разметка съезжает. Какой-то там хер хотел заказать на несколько миллионов, но не смог. Ну, классика, словом.
Дархан Камалиев, только автоматической равной высоты не получится. Всё равно надо будет либо шаманить с высотой, либо использовать flex, как все белые люди.
Olek1, компаний не мало да и пользователей тоже. По доступной мне статистике, около 10–15% но общего трафика; и где-то 90% от этой части приходится на IE11.
Если хотите супер-плавное решение, чтобы всё и всегда было как рендерах и на всех машинах пользователей, то его нет и не будет скорее всего ещё очень долго, если говорить о подобных вещах.
Более плавное решение знаю только на лютом JS, для которого нужно нужно тянуть ещё библиотеки.
Если у вас Bootstrap 3, то просто не используйте Bootstrap, а сделайте на flex'е в две колонки. И все ваши потребности будут решены максимально адаптивно.
frees2, это я скопировал код из реального проекта, просто вырвав блок с параллаксом + добавил высоту странице, чтобы прокрутка была.
Для описания принципа работы, думаю, вполне достаточно. Про пиксели не понял, они там, вроде, только для размеров и позиции фона элементов, т. к. там используется спрайт.
