Nu ai reușit să găsești soluția?
Conținut:
Ce sunt breakpoint-urile?
Breakpoint-urile sunt niște valori orientative ale lățimii ecranului / a site-ului afișat pe acest ecran în dependență de dispozitivul folosit de utilizator.
Este foarte important să ținem cont de aceste valori pentru a evita situații când conținutul site-ului nu este afișat corespunzător pe ecran unui anumit tip de dispozitive. De exemplu în cazul smarpthone-urilor lățimea ecranului este redusă și o parte din conținut, de exemplu o imagine, poate fi ”tăiată”, iar utilizatorul nu o poate vedea în întregime.
Valorile breakpoint-urilor
Mai jos sunt enumerate niște valori orientative - general acceptate de către proiectanții de site-uri.
-
Desktop - 1200px lățime
-
Tabletă - 768px lățime
-
Smartphone orizontal - 480px lățime
-
Smartphone vertical - 320px lățime
Aceste valori sunt orientative și în mai mare parte aceste valori respectate. Respectarea lor de către producătorii de dispozitive însă nu este garantată. De exemplu se poate întâmpla ca unii utilizatorii să folosească niște tablete de dimensiuni foarte mici care vor fi identificate de către site ca un smartphone orizontal.Dacă site-ul este optimizat pentru toate modurile RWD (Desktop, Tabletă, Smartphone orizontal și Smartphone vertical) atunci nu vor apărea dificultăți majore, critice, 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 în mod diferit în dependență de modul RWD:
-
Pentru versiunea de Desktop Breakpoint-urile sunt indicate cu 2 linii verticale de culoare neagră.
-
Pentru modurile Tabletă, Smartphone orizontal și vertical, Breakpoint-urile sunt indicate de zonele gri amplasate lateral.
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 ?
Trimite-ne un Mesaj, scrie-ne pe Facebook sau contacteaza-ne prin trimiterea unui email catre adresa contact@webwave.ro
Dacă ai nevoie de anumite Funcții completeaza acest Formular pentru a le putea analiza si implementa in viitor.
Acest WebSite a fost creat în totalitate cu ajutorul Platformei WebWave (Program Gratuit pentru crearea Site-urilor Web).
Această pagină utilizează module Cookie. Află mai multe
TUTORIALE
WEBWAVE
PROGRAM
CONTACT
contact@webwave.ro
Scrie-ne un Mesaj
Creează Site-uri Web Uimitoare cu ajutorul platformei WebWave !
Începe cu o pagină curată sau alege un șablon deja optimizat pentru dispozitivele mobile și modifică-l după propriile cerințe.
PREȚURI
Pentru clienți
Cunoaște-ne mai bine în rețea