Я использую fancyBox3 в проекте и хочу добиться следующего:
Я хотел бы знать, есть ли хитрость CSSчтобы достичь этого, или если для его идеальной подгонки требуются математика и вычисления?
В принципе, есть два способа - использовать JS (существует множество сценариев, например https://github.com/brunjo/rowGrid.js, https://haltu.github.io/muuri/, https://github.com/kombai/freewall, http://miromannino.github.io/Justified-Gallery/) или CSS.
Проблема с CSS заключается в том, что все еще невозможно создать настоящий «макет стиля каменной кладки», но вы можете заархивировать нечто подобное, попробуйте поискать в Google для «каменной кладки с использованием CSS», вы найдете много статей и примеров по этой теме.например, этот - https://medium.com/@andybarefoot/a-masonry-style-layout-using-css-grid-8c663d355ebb
Взгляните на masonry.js - он выполняет все расчеты, чтобы сделать ваши изображения мозаичными при изменении размера экрана и т. Д.
