Noi facem versiunea mobilnub a site-ului

anterior ◈ următoarea

Serghei Syroezhkin Copywriter

Creați o versiune mobilă a site-ului într-una din cele trei moduri:

  • Asigurați-un site separat pentru dispozitive mobile în subdomeniul;
  • Creați aplicații mobile pentru popular sistem de operare mobil (iOS, Android, Windows Phone);
  • Utilizați aspectul adaptivă pe site.

Al doilea paragraf totul este clar: dacă știi cum să program pentru platforme mobile, nu este dificil, dar dacă nu - trebuie să plătiți bani pentru profesioniști.







aspect mobil

Principiile de bază ale site-ului mobil:

  • Versiune mobilă este pe un subdomeniu separat (de exemplu, m.vk.com);
  • Creați o versiune site-ul, complet adaptat pentru ecrane mobile (de obicei, la lățimea ecranului este mai mică decât 620px);
  • Pe principala încărcare a paginilor site detectate de către browserul utilizatorului, lățimea ecranului, și se bazează pe faptul că decizia se aplică de utilizator redirecționat către versiunea mobilă.






Dacă vorbim despre capacitatea de adaptare a versiunii mobile pentru dispozitive mobile, este necesar să se aibă în vedere faptul că elementele de pe ecran ar trebui să fie suficient de mare dimensiune, distanțate unul de altul. Dacă aspectul pe care doriți să utilizați „cauciuc“ ecran (ceea ce înseamnă că dimensiunile elementelor trebuie schimbate în funcție de dimensiunea ecranului). Aceste principii trebuie urmate la proiectarea versiunea mobilă.

Javascript și lățimea ecranului utilizatorului la site-ul principal poate fi, de exemplu, cu ajutorul script PHP. Un exemplu de astfel de script poate fi găsit pe detectmobilebrowsers.com.

aspect adaptiv

utilizări majore de aspect adaptivă:

  1. Utilizarea CSS3 Media Interogări (în stilurile drept cuprinde toate datele necesare pentru un număr de rezoluție de ecran). exemplu:
  2. Pe site-ul este detectarea rezoluția ecranului utilizatorului și încărcate unele CSS-fișier cu stilul corespunzător, în funcție de el:

Aici opțiunea de ecran se aplică pentru computerele obișnuite, și portabile - pentru dispozitive mobile.

  • O altă opțiune:

    Aici fișierul nubexMobile.css încărcat pentru dispozitive cu lățimea ecranului este mai mică de 480 px.

    Astfel, este posibil să se aleagă tipul adecvat de sprijin dispozitiv mobil, în funcție de tipul de site-ul dumneavoastră. În cazul în care structura versiunea mobilă poate fi serviciu util de la Google: PageSpeed ​​Insights. care va indica erorile și omisiunile în proiectarea.







    • anterior ◈ următoarea