Unsay kausaban

Timan-i ang kakulang sa <meta name="viewport" content="width=device-width, initial-scale=1">, nga nagpugong sa pag-zoom nga aspeto sa mga site sa mga mobile device. Dugang pa, among gi-reset ang gilapdon sa among sudlanan ug gibag-o ang navbar aron malikayan ang pagkahugno, ug maayo nga moadto.

Mahitungod sa mga navbar

Ingon nga usa ka ulo, ang sangkap sa navbar labi ka malisud dinhi nga ang mga istilo sa pagpakita niini labi ka piho ug detalyado. Pag-override aron masiguro nga ang mga istilo sa desktop nga gipakita dili ingon ka pasundayag o matahum nga gusto sa usa. Hunahunaa lang nga adunay mga potensyal nga gotchas samtang nagtukod ka sa ibabaw niini nga pananglitan kung gigamit ang navbar.

Mga browser, scrolling, ug fixed nga mga elemento

Ang dili mosanong nga mga layout nagpasiugda sa usa ka mahinungdanong disbentaha sa mga fixed nga elemento. Bisan unsa nga fixed component, sama sa fixed navbar, dili ma scrollable kung ang viewport mahimong mas pig-ot kay sa page content. Sa laing pagkasulti, tungod sa dili motubag nga sudlanan nga gilapdon nga 970px ug usa ka viewport nga 800px, mahimo nimong itago ang 170px nga sulud.

Wala’y paagi sa palibot niini tungod kay kini ang default nga pamatasan sa browser. Ang bugtong solusyon mao ang usa ka responsive nga layout o paggamit sa usa ka non-fixed nga elemento.

Non-responsive grid nga sistema

Usa ka ikatulo
Usa ka ikatulo
Usa ka ikatulo