Kako su se web stranice nekada prikazivale na mobilnim uređajima, a što se koristi danas? Nekada su se web stranice na mobilnim uređajima prikazivale kao umanjene verzije desktop stranica ili su postojale posebne mobilne verzije (npr. m.site.com). Danas se koristi responzivni web dizajn, koji omogućuje jednu verziju stranice koja se prilagođava svim veličinama ekrana.
• Što je viewport i zašto je manji na mobilnom telefonu? Viewport je vidljivo područje web stranice u pregledniku. Na mobilnom telefonu je manji jer mobilni uređaji imaju manje fizičke dimenzije ekrana u odnosu na računala. Što kontrolira naredba initial-scale=1.0? Ona određuje početnu razinu zumiranja stranice kada se učita – vrijednost 1.0 znači da se stranica prikazuje u prirodnoj veličini, bez povećavanja ili smanjivanja.
Standardne širine zaslona za prilagodbu dizajna: Uređaj Širina zaslona Mali mobiteli do 480 px Mobiteli do 768 px Tableti do 1024 px Laptopi / Desktopi 1200 px i više
4. Mjerne jedinice • Fiksne mjere u CSS-u (primjeri): • px (piksel) • cm • mm • Varijabilne mjere za responzivnost: • % • vw / vh • em / rem • Kada koristiti fiksne, a kada varijabilne mjere? • Fiksne mjere koriste se kada je potrebna precizna i nepromjenjiva veličina (npr. ikone, obrubi). • Varijabilne mjere koriste se kod layouta i teksta kako bi se dizajn prilagođavao različitim veličinama ekrana.