Razumijevanje Meta Viewporta i Responzivnog Dizajna

Meta Viewport

Meta viewport je ključna meta oznaka koja omogućava responzivni dizajn stranica na mobilnim uređajima. Koristi se za kontrolu širine i skale prikaza sadržaja. Na primjer:

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Atribut width=device-width postavlja širinu prikaza na širinu uređaja, dok initial-scale=1.0 postavlja početnu razinu uvećanja na 100%. Ova kombinacija omogućava bolje korisničko iskustvo na mobilnim uređajima.