подход column
кажется хорошим компромиссом, если вы установите column-width
через vmin
или vmax
единицы и drop column-count
(первый фрагмент), display:grid
и vmin
также являются опцией для futur (второй фрагмент).
фрагмент вдохновлен ответом @Lanti.
blockquote>тестовая демонстрация с vmin
.container { } ul { margin: 0; padding: 0; } ul li { list-style: none; font-size: 0; } .portfolio ul { -webkit-column-width:50vmin; -moz-column-width:50vmin; column-width:50vmin; -webkit-column-fill:balance; -moz-column-fill:balance; column-fill:balance; -webkit-column-gap: 3px; -moz-column-gap: 3px; column-gap: 3px; } .portfolio ul:hover img { opacity: 0.3; } .portfolio ul:hover img:hover { opacity: 1; } .portfolio ul li { margin-bottom: 3px; } .portfolio ul li img { max-width: 100%; transition: 0.8s opacity; }
ссылка среди других https://web-design-weekly.com/2014/11/18/viewport-units-vw-vh-vmin- vmax /
display:grid
coud делает это также простым с автозаполнением, но для этого требуется установить значение диапазона до самого высокого изображения, чтобы строки и столбцы могли inbricate
.container {} ul { margin: 0; padding: 0; } ul li { list-style: none; font-size: 0; } .portfolio ul { display: grid; grid-template-columns: repeat(auto-fill, minmax(50vmin, 1fr)); grid-gap: 5px; grid-auto-rows: minmax(10px, 1fr); grid-auto-flow: dense; } .portfolio ul:hover img { opacity: 0.3; } .portfolio ul:hover img:hover { opacity: 1; } .portfolio ul li { margin-bottom: 3px; } .portfolio ul li img { max-width: 100%; transition: 0.8s opacity; } li { border: solid blue; grid-row-end: span 1; display: flex; align-items: center; background: lightgray; } li:nth-child(1), li:nth-child(3), li:nth-child(6), li:nth-child(7), li:nth-child(8), li:nth-child(9), li:nth-child(10), li:nth-child(11) { border: solid red; grid-row-end: span 2 }
вы можете видеть https://css-tricks.com/snippets/css/complete-guide-grid/
В Ghostscript, №.
Вам известно, что PDF допускает гораздо больше, чем цветовые пространства RGB или CMYK?
Существует также DeviceGray, который наряду с DeviceRGB и DeviceCMYK завершает пространство «Device».
Существует четыре вида пространств CIE: L a b, CalGray, CalRGB и ICC.
Тогда есть Разделение, DeviceN и NChannel пространства. Несмотря на то, что у них есть пространство устройства, вы считаете это пространство RGB или CMYK или чем-то еще?
Также рассмотрим пример страницы, где все элементы маркировки находятся в RGB, но есть группа прозрачности. и пространство смешивания группы - CMYK. Это страница RGB или страница CMYK?
Обратите внимание, что любая страница в PDF может иметь любую комбинацию цветового пространства. Поэтому страницы не обязательно должны быть RGB или CMYK.