@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
  • Вопрос задан
  • 326 просмотров
Пригласить эксперта
Ответы на вопрос 1
@marataziat
Джангист-тракторист
'width'	: auto, 
'height'	: auto,
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
SummerWeb Ярославль
от 120 000 до 180 000 ₽
КРАФТТЕК Санкт-Петербург
от 60 000 до 80 000 ₽
Brightdata Тель-Авив
от 5 500 до 6 500 $
15 июн. 2024, в 08:05
300 руб./в час
15 июн. 2024, в 07:59
300 руб./в час
15 июн. 2024, в 06:38
500 руб./за проект