Я использую ajax-всплывающее окно Magnific Popups, чтобы создать всплывающее окно, похожее на Instagram или Facebook (изображение слева, комментарии справа и т. д.). Как мне установить максимальную высоту для всего лайтбокса и центрировать изображение, если его можно центрировать по вертикали? Это должно работать во всех браузерах и должно быть адаптивным, что сложно. Кажется, я не могу заставить его работать правильно во всех браузерах. Полагаю, я не против решения jQuery, поскольку это то, что мне может понадобиться.
Изображение и содержимое плавают как таковые:
Код: Выделить всё
.image_container, .content {
width: 50%;
float: left;
}
И float просто очищается, а размер экрана уменьшается с помощью медиа-запросов.
Я сделал jsfiddle, который поможет понять, что я пытаюсь объяснить:
jsFiddle
Попробуйте изменить размер iframe, чтобы оценить эффект.
Подробнее здесь:
https://stackoverflow.com/questions/174 ... ific-popup
Мобильная версия