Business Catalyst отзывчивая галерея

Question

Я сделал около 20 веб-сайтов, которые включали модуль галереи Business Catalyst. Это первый, с которым у меня проблемы, и я не знаю почему. Пожалуйста, проверьте: http://topspindenver.businesscatalyst.com/gallery.html.

Вы заметите, что если вы уменьшите окно, миниатюры галереи начнут переполнять окно. На каждом другом веб-сайте, который я сделал, галерея была отзывчива в пределах указанных столбцов скелета, а миниатюры автоматически уменьшались, как на этом сайте: http://mountaingardendiva.com/.

Кто-нибудь знает, почему это происходит только на этом сайте? Я уже пробовал специально настроить таргетинг на таблицу, в которой находятся миниатюры, и дал ей max-width:100%, но это не сработало.

Answer 1

Я предполагаю, что вы используете Firefox для просмотра этого сайта и впервые заметили эту проблему, потому что он отлично выглядит в Chrome. Это связано с тем, как Firefox вычисляет ширину таблицы и максимальную ширину изображений внутри таблицы. Вы можете решить проблему, применив max-width к td.photogalleryitem с каждым запросом на медиа, который изменяет ширину страницы.

Answer 2

Он делает работу в Chrome, но чтобы заставить его работать в FireFox попробуйте установить CSS на изображениях, чтобы ширина: 100% вместо максимальной ширины: 100%