Ответственный макет, ограничивающий горизонтальный дисплей в наложениях Lightbox2

Question

Я использую Lightbox2 на нескольких сайтах для «галерей» и никогда не испытывал проблем. Я теперь пытаюсь использовать его с Simple Responsive шаблоном (или on Github), и работаю в проблему:

Когда покрышка приходит и изображения «зум» до их надлежащего размера, они ограничены по горизонтали - как будто браузер считает, что он имеет очень узкий видовой экран. Я получаю тот же результат в FF и Chrome.

Если я смотрю на него с помощью «Осмотрите элемент» в Chrome, основной DIV #lightbox имеет ширину 1265 пикселей. Но .lb-outerContainer и .lb-dataContainer обе считают ширину доступной 247px.

Я прочитал CSS и JS так тщательно, как могу, но не могу определить, где возникает проблема. Я надеюсь, что некоторые другие острые глаза могут обнаружить проблему.

Answer 1

Именно этот раздел в простой Отзывчивый шаблон, который вызывает «проблемы»

/* RESPONSIVE IMAGES */ 
img{ max-width:100%; height:auto;} 

Вы можете удалить это ограничение, добавив после отзывчивым шаблона CSS

.lb-image { 
    max-width: none; 
} 

И так как вы хотите ваш лайтбокс, чтобы быть отзывчивым добавить

.lb-outerContainer { 
    max-width: 100%; 
} 

вместо этого и все sho uld быть хорошим!