mobile | Wiki | PWODEV
, 24.10.2017 10:19

Viewport — мета тег для нормальной верстки для мобильного устройства.

Viewport это штука без которой нельзя обойтись. Если вы верстаете под мобильное устройство iPhone или Android да и вообще любое другое устройство, правильно чтобы верстка отображалась одинаково на всех видах экрана, чтобы не было косяков и все было корректно по дизайну. Если вы верстаете правильно, а так и надо, то вам пригодится очень важный тег который позволит убрать стандартное увеличение, зум (zoom) и чтобы ширина (width) и высота (height) на мобильном (mobile) устройстве отображалась...
, 24.10.2017 07:58

jQuery touch swipe или как отследить жесты

Что такое жесты и какие они бывают: Swipe - пролистывание как слайд, обычно используется для открытия меню жестом, провести пальцем по экрану слева на право чтобы открылось меню.hold - событие долгому длинному нажатию Для того чтобы отследить жесты как на мобильном устройстве iPhone или Android или любой другой mobile, проще всего подключить библиотеку jquery.touchSwipe.min.js. Дальше привязываем событие к нужному нам элементу: jQuery('body').swipe({ swipe:function(event,...
pwodev.com, 19.06.2024 11:08
, 18.10.2017 14:29

Height 100vh for mobile browsers iPhone and Android

При высоте контейнера height:100vh; на мобильных устройствах, этот контейнер немного перекрывается адресной строкой вверху, либо панелью управления мобильного браузера внизу. Мобильном устройстве, при прокрутке страницы ниже, адресная строка и панель управления убираются, после чего наш контейнер показывается полностью. Отследить правильный размер экрана нам поможет этот JS код: window.innerHeight //показывает действительную высоту экрана Запускать это лучше всего при загрузке...