Jump to content
  • 0
Sign in to follow this  
Дима Д

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

Question

Дима Д    2

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

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

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

Share this post


Link to post

2 answers to this question

Recommended Posts

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

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

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

Share this post


Link to post

Новая статья

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


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

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

типа 

Цитата

margin-top: 20% !important;

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

Share this post


Link to post
Sign in to follow this  

×
×
  • Create New...