Перейти к содержимому
  • 0
Дима Д

Адаптивность лайтбоксов

Дима Д    2

Добрый день. Возник вопрос. Сделал сайт, на странице которого есть лайтбоксы с контентом. Т.к. не нравилось, что лайтбоксы прокручиваются, вставил код для остановки прокрутки: 

<style>.LightboxContent{position:fixed!important;
top: 50% !important;
left: 50% !important;
margin-left: -410px !important;
margin-top: -256px !important;
}</style>

Однако следом возникла потребность сделать страницу адаптивной, и при установке следующей точки остановки, лайтбокс надо уменьшить. Но когда уменьшаешь, лайтбокс уезжает в сторону (согласно коду) и контент перестает в нем отображаться. И вопрос в следующем. Как прописать (и можно ли вообще) подобный код для каждой точки остановки?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Рекомендуемые сообщения

  • 0
2 часа назад, Дима Д сказал:

Однако следом возникла потребность сделать страницу адаптивной, и при установке следующей точки остановки, лайтбокс надо уменьшить. Но когда уменьшаешь, лайтбокс уезжает в сторону (согласно коду) и контент перестает в нем отображаться. И вопрос в следующем. Как прописать (и можно ли вообще) подобный код для каждой точки остановки?

Лайтбокс не поддерживает отзывчивость

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

Новая статья

Как бесплатно получить специализированный хостинг для Adobe Muse сайта. Читайте новую инструкцию по этой ссылке.
  • 0
В 01.07.2016 в 17:21, Дима Д сказал:


margin-left: -410px !important;
margin-top: -256px !important;

гм а проценты ставить не пробовали?

типа 

Цитата

margin-top: 20% !important;

можно еще с медиазапросами поиграться.. если очень хочется и не лень, пуркуа бы не па ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на других сайтах

×