Chì cambia

Nota a mancanza di u <meta name="viewport" content="width=device-width, initial-scale=1">, chì disattiva l'aspettu di zooming di i siti in i dispositi mobile. Inoltre, resettemu a larghezza di u nostru containeru è cambiatu a barra di navigazione per prevene u colapsamentu, è sò basicamente boni per andà.

In quantu à i navbars

Cum'è un capu, u cumpunente di navbar hè piuttostu complicatu quì in quantu i stili per a visualizazione sò piuttostu specifichi è detallati. Overrides per assicurà a visualizazione di stili di desktop ùn sò micca cusì performanti o eleganti cum'è unu vulete. Basta à esse cuscenti chì ponu esse putenziali gotchas mentre custruite nantu à questu esempiu quandu utilizate a barra di navigazione.

Browsers, scrolling, è elementi fissi

I layout non-responsive evidenzianu un inconveniente chjave per l'elementi fissi. Ogni cumpunente fissu, cum'è una barra di navigazione fissa, ùn serà micca scrollable quandu u viewport diventa più strettu di u cuntenutu di a pagina. In altre parolle, datu a larghezza di u containeru chì ùn risponde micca di 970 px è una vista di 800 px, puderete ammuccià 170 px di cuntenutu.

Ùn ci hè micca manera di aggirari questu postu chì hè u cumpurtamentu predeterminatu di u navigatore. L'unica suluzione hè un layout responsive o utilizendu un elementu micca fissu.

Sistema di griglia non-responsive

Un terzu
Un terzu
Un terzu