Prin urmare, vreau să împărtășesc cu unii dintre cititorii mei (dacă există) câteva principii de bază care ar trebui să fie amintite în aspect.
Majoritatea dispozitivelor pe care ar trebui să le vizați rulează Android sau iOS, iar rezoluția ecranului poate varia foarte mult de la 240x320 la 2048x1536.
Caracteristica principală a tuturor acestor dispozitive este tipul de atingere a intrărilor de date. Prin urmare, primele câteva efecte:
1) Nu utilizați evenimentul și parametrul hover, care poate să nu funcționeze corect.
2) Nu puteți utiliza defilarea blocului intern (nu este procesată automat), se poate face pe JS, interceptând evenimentul tactil, dar
3) Nu interceptați evenimentul tactil pentru blocuri mari care pot ocupa întregul ecran
deoarece acest lucru va împiedica scalarea atât cu 2 degete, cât și cu o atingere dublă (aceste evenimente vor fi interceptate și procesate nu ca scalare)
Principala problemă a site-ului nu a fost chiar asta. Au fost utilizate blocuri cu poziționare fixă, ceea ce nu este acceptabil pentru structura dispozitivelor mobile.
4) Nu puteți utiliza poziționarea fixă a blocurilor sau fundalului
Recent, datorită faptului că ecranul dispozitivului mobil znachtelno scară mai mică și utilizate pentru citirea și blocuri fixe ia de revizuire oblosti sub „ecran“, încercând să rămână în ea.
Și ultima caracteristică pe care vreau să o remarcă -
5) Niciun eveniment de defilare
Acest lucru se datorează faptului că pagina este afișată ca în cazul în care „plin“ și ne-am muta sau ceva de genul „ecran de vizualizare“, cum ar fi faptul că, linia de jos este că evenimentul de defilare pe dispozitive mobile nu este numit. Și, prin urmare, nu poate fi folosit.
Cel mai lung a trebuit să se facă cu o creștere a scării atunci când a fost rotit iPad. După ce a răsturnat iPad-ul de la poziția orizontală la cea verticală, scara a crescut, ceea ce părea incorect. Și acest lucru este foarte simplu:
În loc de 1000, specificați dimensiunea blocului de afișat. De exemplu, dacă aveți un blog cu o lățime fixă de 720px, atunci ar trebui să înlocuiți 1000 cu 720. =)
Și câteva "jetoane" utile pentru aceste dispozitive:
scrolling intern de blocuri (trebuie să țineți cont de 2 și 3)
Trimiteți-le prietenilor: