Apa owah-owahan

Elinga kekurangan <meta name="viewport" content="width=device-width, initial-scale=1">, sing mateni aspek zoom situs ing piranti seluler. Kajaba iku, kita ngreset jembaré wadhah lan ngganti navbar kanggo nyegah ambruk, lan Sejatine apik kanggo pindhah.

Babagan navbars

Minangka kepala, komponen navbar rada angel amarga gaya kanggo nampilake luwih spesifik lan rinci. Overrides kanggo mesthekake tampilan gaya desktop ora minangka performant utawa ramping kaya sing dikarepake. Mung weruh ana uga potensial gotchas nalika sampeyan mbangun ing ndhuwur conto iki nalika nggunakake navbar.

Browser, nggulung, lan unsur tetep

Tata letak sing ora responsif nyorot kekurangan utama kanggo unsur tetep. Sembarang komponen tetep, kayata navbar tetep, ora bakal bisa digulung nalika viewport dadi luwih sempit tinimbang isi kaca. Ing tembung liyane, diwenehi ambane wadhah non-responsif saka 970px lan viewport saka 800px, sampeyan bakal duwe potensi ndhelikake 170px saka isi.

Ora ana cara sing bisa ditindakake amarga iki minangka prilaku browser standar. Solusi mung tata letak responsif utawa nggunakake unsur non-fixed.

Sistem grid non-responsif

Siji katelu
Siji katelu
Siji katelu