Vorbește cu noi pe chat

Întreabă pe Facebook

Îți lipsesc funcții în WebWave?

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

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 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 - 1240px 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:

  1. Pentru versiunea de Desktop Breakpoint-urile sunt indicate cu 2 linii verticale de culoare neagră.

    Liniile breakpoint-urilor în modul Desktop în editorul WebWave

  2. Pentru modurile Tabletă, Smartphone orizontal și vertical, Breakpoint-urile sunt indicate de zonele gri amplasate lateral.

    Liniile breakpoint-urilor în modul smartphone orizontal în editorul WebWave

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

15 noiembrie 2019

Înapoi

Nu ai reușit să găsești rezolvarea problemei? Sau poate ai niște sugestii?

 

Contactează-ne pe chat, întreabă-ne pe Facebook, sau scrie-ne un mesaj pe adresa de e-mail ro@webwave.me.

 

PANOUL WEBMASTER

LOGIN

ÎNCEPE ACUM

 

Acest site a fost creat în totalitate cu ajutorul WebWave - program gratuit pentru creare site web. Această pagină utilizează module Cookie. Află mai multe.

 

Cunoaște-ne mai bine în rețea

TUTORIALE

WEBWAVE

DLA KLIENTÓW

PREȚURI

PROGRAM

CONTACT

ro@webwave.me

PANOUL WEBMASTER

ÎNCEPE ACUM

Kreator stron www WebWave - programul pentru creare site web, permite. Poți începe să creezi pagini web de la zero sau să beneficiezi de șablonuri, pe care le poți modifica după propriul plac.

Pentru clienți