Блог

Я хотел бы определить минимальную ширину на странице мобильного веб-сайта jquery, но, похоже, это не работает. Я ошибаюсь? Что-то вроде, если ширина страницы меньше 200 пикселей, затем поместите горизонтальную полосу прокрутки.

Спасибо.

Хм, не уверен насчет других смартфонов, но iPhone (более старые модели) имеет размеры 320 x 480. Я действительно не думаю, что на смартфоне есть ширина в 200 пикселей, но я мог бы ошибиться и в этом.

Поддерживаемые браузеры: http://jquerymobile.com/gbs

Также вы могли бы запускать медиа-запросы или добавлять точку останова: http://jquerymobile.com/demos/1.0a4.1/#docs/api/mediahelpers.html

Чтобы использовать собственные точки останова ширины, jQuery Mobile предоставляет функцию $.mobile.addResolutionBreakpoints, которая принимает либо одно число, либо массив чисел, которые будут добавлены к минимальным / максимальным точкам останова всякий раз, когда они применяются.

 //add a min/max class for 1200 pixel widths         
$.mobile.addResolutionBreakpoints(1200);

//add min/max classes for 1200, and 1440 pixel widths           
$.mobile.addResolutionBreakpoints([1200, 1440]);
  

min-width работает в большинстве современных мобильных браузеров. Что недоступно, так это горизонтальные и вертикальные полосы прокрутки — такого понятия в принципе нет.