Javascript-форум (https://javascript.ru/forum/)
-   Элементы интерфейса (https://javascript.ru/forum/dom-window/)
-   -   Зависимость стиля от разрешения экрана (https://javascript.ru/forum/dom-window/56653-zavisimost-stilya-ot-razresheniya-ehkrana.html)

ureech 27.06.2015 08:48

Зависимость стиля от разрешения экрана
 
Здравствуйте.Подскажите, плиз, можно ли как-то задать условие в зависимости от разрешения экрана.Т.е., например, if(@media(min-width:800px) and (max-width:1024px)), то выполняется то-то.Конкретно нужно, что бы в зависимости от разрешения скрипт
$(document).ready(function(){	
	$('.testimg').imageCrop({ width:100, height: 90 });
});

ресайзел картинку.

Malleys 28.06.2015 21:11

if(window.matchMedia && window.matchMedia("(min-width:800px) and (max-width:1024px)").matches) {
  $(document).ready(function(){  
    $('.testimg').imageCrop({ width:100, height: 90 });
  });
}


window.matchMedia - обрабатывает CSS media и возвращает результат обработки переданной media query строки. В этом объекте свойство matches равно true, если размеры документа соответствуют переданной в качестве аргумента media query строке.

ureech 28.06.2015 21:34

Большое спасибо. Пойду разбираться.


Часовой пояс GMT +3, время: 10:00.