ПредишенСледващото

Така че аз искам да споделя с читателите си (ако има такива) са някои основни принципи, които да имате предвид в оформлението.


Повечето устройства, които работят трябва да се съсредоточи върху устройство с Android или IOS, както и резолюцията на екрана могат да се различават от 240x320 до 2048x1536.
Главната особеност на тези устройства - докосване тип входни данни. Оттук и първите няколко последици:

1) Да не се използва параметър събитие изскачащата, което не може да функционира правилно.

2) Не можете да използвате вътрешните превъртане блокове (автоматично не се произвежда), тя може да бъде направено в JS, прихващане на събития от докосване, но

3) Не докосвайте събитие да се намеси големи блокове, които могат да заемат целия екран


като това ще попречи на мащабиране и 2 пръста, след което двукратно докосване (тези събития ще бъдат прихванати и не се обработват като мащабиране)

Основният проблем е, на сайта дори не беше това. Там се използват блокове с фиксирана позициониране, което не е приемливо в оформлението за мобилни устройства.

4) Невъзможно е да се използват фиксирани позициониране блокове или фона


Напоследък се дължи на факта, че екрана на мобилното устройство znachtelno-малък мащаб и се използва за четене и фиксирани блокове вземат oblosti преглед в рамките на "екрана", опитвайки се да остане в него.

Последната функция, която искам да спомена -

5) Няма събития превъртете


Това се дължи на факта, че страницата се появява като че ли "пълна", а ние просто се премести на "гледане на екрана" или нещо подобно, най-долния ред е, че събитието превъртане на мобилни устройства не се нарича. И по този начин не може да се използва.

Най-дългата е трябвало да се извърши с увеличаване на мащаба при Ipad се завърта. След Ipad въртене от хоризонтална във вертикална позиция, мащабиране, който изглеждаше неправилно. И това е решен много просто:

Вместо 1000 следва да уточни размера на блока за дисплея. Например, ако имате блог с фиксирана ширина на 720px, трябва да замени 1000 = 720)

И няколко полезни "чипове" за такива устройства:

Превъртане вътрешните блокове (трябва да се вземат под внимание 2 и 3)

Подкрепете проекта - споделете линка, благодаря!