@Lyuba2018

Как сделать что бы модальное окно подстраивалось под размер на телефоне.?

Подскажите как сделать что бы модальное окно подстраивалось под размер на телефоне,планшете,нетбуке.
Сейчас оно выведено вот так сама ссылка для открытия окна
<? if($img_zoom) echo '<a id="new_url" class="example1" href="'.$new_url.'">'.$img_zoom.'</a>'; ?>

в файле fancy.js прописано так.
$(".example1").fancybox({ 
padding : 10, 
margin : 0, 
scrolling : 'no',	// 'auto', 'yes' or 'no'	
'width'	: 1280, 
'height'	: 1024, 
'autoScale'	: false, 
'transitionIn'	: 'none', 
'transitionOut'	: 'none', 
'type'	: 'iframe', 
onComplete: function(){ 
$("body").css({'overflow-y':'hidden'}); 
}, 
onClosed: function(){ 
$("body").css({'overflow-y':'visible'}); 
} 
});


но если это окно открыт на смартфоне то с права есть отступ и видно что на заднем плане сайт уехал влево смотрите на фото.
5b2140fd03efc766266089.png
  • Вопрос задан
  • 321 просмотр
Пригласить эксперта
Ответы на вопрос 1
@marataziat
Джангист-тракторист
'width'	: auto, 
'height'	: auto,
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы