Logare

Înregistrare

Panoul Webmastera

 

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.

Înapoi

15 noiembrie 2019

Breakpoint-uri - ce înseamnă?

Conținut:

  1. Ce sunt breakpoint-urile?

  2. Valorile breakpoint-urilor

  3. Cum identificăm Breakpoint-urile în editorul WebWave

 

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.

  1. Desktop - 1200px lățime

  2. Tabletă - 768px lățime

  3. Smartphone orizontal - 480px lățime

  4. 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.
Liniile breakpoint-urilor în modul Desktop în editorul WebWave
 

 

Nu ai reușit să găsești soluția?

Îți lipsesc funcții în WebWave?

Întreabă pe Facebook

Trimite-ne un Mesaj

Companie.

Materiale. 

Prețuri. 

Programul WebWave.

Urmărește-ne pe:

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ă.

contact@webwave.ro


Scrie-ne pe chat
De luni până vineri, de la 9:00 până la 17:00

Mobile menu

Acest site a fost creat în cu ajutorul platformei WebWave