Ну, само решение через подгонку размеров самих внутренних блоков (только в большую сторону от оригинала, как я понимаю) - как минимум интересно.
Но, вот тут не оно не особо выглядит (ширина примерно 1600px) на мой вкус.
При ширине ~ 1600px
Я так понял, что это у вас меню. Меню бы я делал по другому.
Лет 5 назад я бы реализовал классический горизонтальный / вертикальный блок / список "кнопок" с выпадающим для каждого уровня вложенности подменю.
Сегодня бы сделал тоже самое но с выпадающим "Мега" блоком на всё доступное пространство со всем вложенным содержимым.
В случае с горизонтальным расположением фиксил бы случай с "невлезанием" кнопок скриптом, которым бы скрывал непоместившиися итемы в подменю созданной крайней справа кнопки с надписью "..." или "Остальное".
Содержимое обрезано справа ибо не вмещается (почему-то) в доступную ширину окна. Это при непосредственной загрузке страницы. Если ширину окна "подвигать" вручную, то содержимое адаптируется (очевидно скрипт срабатывает) и всё тогда вмещается и соответственно выглядит нормально.
Проблема в изначальной "подстройке" под ширину окна при загрузке страницы.
У меня этот пример почему-то глючит, вылезает за пределы экрана. (Десктоп Хром)
Диму Карловского на Хабре не особо жалуют, на сколько я могу судить по реакциям на его комментарии к статьям. При чём не понятно почему, вроде вполне нейтральные по тону и содержанию сообщения...
Да, виджеты на панели. С возможностью добавления / удаления.
В ленту их располагать в один ряд - слишком расточительно с точки зрения использования полезного пространства. Стандартизировать размер для всех - не получается, слишком разное содержимое.
На тот момент, когда решал эту проблему, эта библиотека мне показалась слишком тяжеловесной. Там, если мне не изменяет склероз, позиция каждого блока высчитывалась и размещение было через абсолютное позиционирование. Что для динамического изменения содержимого - сомнительно.
Современная версия, на первый взгляд, оно там вообще вроде через canvas, как-то реализовано....
P.S. Без специальных средств сайт проекта не открывается. Дожили...
Интересно.
Не знал про такую особенность уменьшения графики.
Уже оформлено https://github.com/admtoha/flex-size-fix
Спасибо за уточнения.
Поправил.
Завидую вашей внимательности. :)
У меня менять размеры самих внутренних блоков не предполагается. А без этого flex-basis / flex: initial ничего нового не привнесут, как я полагаю.
Ну, само решение через подгонку размеров самих внутренних блоков (только в большую сторону от оригинала, как я понимаю) - как минимум интересно.
Но, вот тут не оно не особо выглядит (ширина примерно 1600px) на мой вкус.
Я так понял, что это у вас меню. Меню бы я делал по другому.
Лет 5 назад я бы реализовал классический горизонтальный / вертикальный блок / список "кнопок" с выпадающим для каждого уровня вложенности подменю.
Сегодня бы сделал тоже самое но с выпадающим "Мега" блоком на всё доступное пространство со всем вложенным содержимым.
В случае с горизонтальным расположением фиксил бы случай с "невлезанием" кнопок скриптом, которым бы скрывал непоместившиися итемы в подменю созданной крайней справа кнопки с надписью "..." или "Остальное".
Под "обрезано" я как-раз и имел ввиду, что не вмещается и скроллом вправо можно увидеть "конец".
Пардон, нужно было выразится точнее.
Содержимое обрезано справа ибо не вмещается (почему-то) в доступную ширину окна. Это при непосредственной загрузке страницы. Если ширину окна "подвигать" вручную, то содержимое адаптируется (очевидно скрипт срабатывает) и всё тогда вмещается и соответственно выглядит нормально.
Проблема в изначальной "подстройке" под ширину окна при загрузке страницы.
del (Промахнулся веткой)
У меня этот пример почему-то глючит, вылезает за пределы экрана. (Десктоп Хром)
Диму Карловского на Хабре не особо жалуют, на сколько я могу судить по реакциям на его комментарии к статьям. При чём не понятно почему, вроде вполне нейтральные по тону и содержанию сообщения...
Можно поподробнее?
Да, виджеты на панели. С возможностью добавления / удаления.
В ленту их располагать в один ряд - слишком расточительно с точки зрения использования полезного пространства. Стандартизировать размер для всех - не получается, слишком разное содержимое.
Точно. Это та штука.
Благодарю, что напомнили.
На тот момент, когда решал эту проблему, эта библиотека мне показалась слишком тяжеловесной. Там, если мне не изменяет склероз, позиция каждого блока высчитывалась и размещение было через абсолютное позиционирование. Что для динамического изменения содержимого - сомнительно.
Современная версия, на первый взгляд, оно там вообще вроде через canvas, как-то реализовано....
P.S. Без специальных средств сайт проекта не открывается. Дожили...
Идеал недостижим, но это не значит, что к нему нельзя стремиться.
P.S. Моя первая статья на Хабре и первый коммент под ней ^_^