Александр, поверьте, совсем недостаточно. Вы вернётесь с информацией из этих двух вопросов снова сюда на каждый малейший аспект, когда что-то не совпадёт (а оно не совпадёт), потому что кода и нормальной информации вы предоставить не соизволили.
Для iPhone 5S и 6 доступна iOS 12. Да даже iPhone 5 имеет iOS 10 на борту. Не думаю, что там у кого-то есть iPhone 4S, для которого как раз iOS 9 стала последним обновлением.
Minion_Bob, а, коли именно сортировка, тогда это не к CSS вообще. Исключительно JS. Да и то, кстати.
Вы можете через nth-child задавать размеры с повторением, чтобы они всегда заполняли сетку по заранее подготовленному варианту. Но тогда вам что-то будет нужно думать насчёт универсального фона для элементов.
В целом, даже автоматическое распределение через JS а-ля Masonry вам не доступно, ибо оно будет ломать сортировку по дате.
С учётом всех представленных параметров, я не вижу решения проблемы. Кроме как либо учитывать дизайнерами, какие блоки шли до этого, чтобы не делать два широких блока подряд, либо делать универсальный фон + размеры на nth-child с повторением.
Навряд ли получится универсально. Можете играться с flex-grow для одинарных блоков. Скорее всего удастся таким макаром решить только какой-нибудь частный случай проблемы.
Да и то, с учётом вложения элементов в одного родителя, сомневаюсь, что вообще что-то годное выйдет.
alex-1917, а почему не сделать по совету Pardon Me! Where Do I Find 4giveness? две разные версии для разных браузеров из одного исходника. Обычно так и делают. Кстати, проверьте, чтобы не было ошибок. Let не просто так используют же. Перезапишите где-нибудь нужную переменную, LOL.
Вообще, Safari 9 уже давно канула в лету, поэтому мяу-мяу.
Для iPhone 5S и 6 доступна iOS 12. Да даже iPhone 5 имеет iOS 10 на борту. Не думаю, что там у кого-то есть iPhone 4S, для которого как раз iOS 9 стала последним обновлением.
Виталий, вот я как раз использовал видео недавно. Там 3D-машинки выезжали. На три блока с видел где-то 1,3 мб получилось в HD-качестве и ~30 секунд общего хронометража в рамках нескольких роликов.
Виталий, я тоже делал подобные анимации, и фейерверки с блёстками, и открытие кейсов и т. п. Но это всё 2D, визуально это выглядит иначе, согласитесь. Тут такое не прокатит. Здесь один большой 3D-объект, это будет весить много, если нужен синематографический эффект с минимальным пропуском кадров. Видео проще. Но тут зависит от задачи, конечно, если нужен альфа-канал, то уже только сложным путём.
RAX7 привёл хорошие примеры, но это тоже 2D, поэтому выглядит это иначе.
https://youtu.be/iw8hj2Uycvk — программно в 2D-такое не сделать полноценно, только если кучей кадров, но размер этого меня пугает :))
Вам ещё пару лет назад об этом писали: