Pentru ce este nevoie de viewport?

Viewport determină zona vizibilă a unei pagini web în fereastra browserului. Este necesar pentru:

• Design adaptiv: Permite crearea de machete care se adaptează la diferite dimensiuni ale ecranului dispozitivelor (smartphone-uri, tablete, desktop-uri).
• Scalarea conținutului: Controlează modul în care conținutul este afișat și scalat în funcție de dimensiunea dispozitivului.

<!-- Meta-tag pentru configurarea viewport-ului -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">

Parametrii content:

• width=device-width: Lățimea viewport-ului corespunde lățimii dispozitivului în pixeli CSS.
• initial-scale=1.0: Setează nivelul inițial de zoom al paginii.

Configurarea corectă a viewport-ului asigură o afișare confortabilă a site-ului pe orice dispozitiv, îmbunătățind experiența utilizatorului și SEO.