Naon robah

Catet kurangna <meta name="viewport" content="width=device-width, initial-scale=1">, nu disables aspék zum situs dina alat nu bagerak. Salaku tambahan, urang ngareset lebar wadahna sareng ngarobih navbar pikeun nyegah runtuh, sareng dasarna saé.

Ngeunaan navbars

Salaku huluna a, komponén navbar rada tricky didieu di yén gaya pikeun mintonkeun eta rada husus tur lengkep. Overrides pikeun mastikeun tampilan gaya desktop teu sakumaha performant atanapi sleek sakumaha salah hayang. Ngan jadi sadar meureun aya poténsi gotchas anjeun ngawangun on luhureun conto ieu lamun ngagunakeun navbar nu.

Browser, ngagulung, sareng elemen tetep

Layout non-responsif nyorot kalemahan konci pikeun elemen tetep. Sakur komponén tetep, sapertos navbar tetep, moal tiasa digulung nalika viewport janten langkung heureut tibatan eusi halaman. Kalayan kecap sanésna, upami lebar wadahna henteu responsif 970px sareng viewport 800px, anjeun berpotensi nyumputkeun eusi 170px.

Teu aya jalan pikeun ieu kusabab éta kabiasaan browser standar. Hiji-hijina solusi nyaéta perenah responsif atanapi nganggo unsur anu henteu tetep.

Sistim grid non-responsif

Sapertilu
Sapertilu
Sapertilu