Задать вопрос
@deepprod

Изменение размера fancybox. Как?

Есть код:
$("li a").fancybox({
		minWidth: 900
	});


Размер изображения ставится 900 px как сделать что бы на экране меньше чем 900 px размер изображения был 400px а на телефоне 200px?
  • Вопрос задан
  • 1169 просмотров
Подписаться 1 Простой Комментировать
Решения вопроса 1
Get-Web
@Get-Web
Front-End Developer
Используйте 100% ширину и максимальную:
width: '100%',
maxWidth: 900

При размере больше 900 ваше окно будет всегда 900, а при размере меньше 900, будет сжиматься и занимать 100% ширины экрана
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@choupa
Архитектор (обычный, который строит)
Я пользуюсь библиотекой device.js

var fancy = { minWidth: 900 };    // дефолт

if ( $( document ).width < 900 ) fancy.minWidth = 400;
if ( device.mobile() ) fancy.minWidth = 200;    //  использована device.js

$( "li a" ).fancybox( fancy );
Ответ написан
@BitRouter
А зачем фиксировано указывать ширину?
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы