Acest site a fost creat în cu ajutorul platformei WebWave
Creează Site-uri Web si Magazine Online cu ajutorul platformei WebWave ! Alege unul dintre șabloanele deja optimizate pentru dispozitivele mobile și modifică-l după propriile necesități sau începe cu o pagina curată.
Scrie-ne pe chat
De luni până vineri, de la 9:00 până la 17:00
Urmărește-ne pe:
Programul WebWave.
Prețuri.
Materiale.
Companie.
Nu ai reușit să găsești soluția?
Conținut:
Ce sunt breakpoint-urile?
Breakpoint-urile sunt niște valori standarde ale lățimii ecranului / a site-ului afișat pe ecran, în dependență de dispozitivul folosit de utilizator. Mai exact breakpoint-urile marchează lățimea ariei pe care putem amplasa conținutul site-ului.
Este foarte important să ținem cont de aceste valori pentru a evita situații când conținutul site-ului nu se încadrează în aria ecranului. În caz contrar conținutul poate fi “tăiat” - nu se va afișa în întregime.
Care sunt valorile breakpoint-urilor
Mai jos sunt enumerate valorile standarde, acceptate de către majoritatea proiectanțiilor de site-uri.
-
Desktop - 1200px lățime
-
Tabletă - 768px lățime
-
Smartphone orizontal - 480px lățime
-
Smartphone vertical - 320px lățime
Aceste valori sunt general acceptate de majoritatea proiectanților de site-uri. Însă respectarea lor de către producătorii de dispozitive nu este garantată. De exemplu unii utilizatorii pot folosi niște tablete de dimensiuni foarte mici care vor fi identificate de către site ca un smartphone orizontal. Dacă site-ul este ajustat pentru toate modurile RWD (Desktop, Tabletă, Smartphone orizontal și Smartphone vertical) atunci nu vor apărea dificultăți în afișarea site-ului, iar utilizatorul va avea confortul necesar de a accesa conținutul site-ului.
Cum identificăm Breakpoint-urile în editorul WebWave
Breakpoint-urile sunt indicate de 2 linii negre la marginile din dreapta și din stânga site-ului. Aceste linii corespund valorilor breakpoint-urilor pentru dispozitivele corespunzătoare.
De asemenea putem observa și 2 arii gri care pot fi folosite pentru a vedea cum arată site-ul pe dispozitive cu ecran dimensiuni nestandarde.
Recomandăm evitarea amplasării elementelor în afara Breakpoint-urilor pentru o afișare corespunzătoare a conținutului acestor elemente.
Breakpoint-uri - ce înseamnă?
Nu ai reușit sa găsești răspunsul dorit ?
Scrie-ne pe sesiunea de Chat sau trimite-ne un email către contact@webwave.ro
Dacă ai nevoie de anumite funcții noi, scrie-ne pe grupul comunității WebWave.