/ / Forzare il layout dello schermo con Zurb-Foundation - zurb-foundation

Forzare il layout dello schermo con Zurb-Foundation - zurb-foundation

C'è un modo in cui posso forzare il layout a cambiaredal paesaggio alla verticale mentre viene visualizzato su un dispositivo mobile? Ho una pagina con un grande tavolo che taglia il tavolo quando viene visualizzato su un dispositivo mobile. Voglio che si blocchi automaticamente in verticale mentre si trova su un dispositivo mobile in modo che il tavolo sia visualizzato correttamente.

So di poter rilevare le dimensioni dello schermo e anche di eseguire le mie query sui media, ma come posso forzare lo spostamento del layout?

risposte:

0 per risposta № 1

Dai documenti ufficiali:

http://foundation.zurb.com/docs/media-queries.html

CSS:

/* Apply styles to screens in landscape orientation */
@media only screen and (orientation: landscape) {}

/* Apply styles to screens in portrait orientation */
@media only screen and (orientation: portrait) {}

Sass / SCSS:

/* Apply styles to screens in landscape orientation */
@media #{$landscape} { }

/* Apply styles to screens in portrait orientation */
@media #{$portrait} { }