/ / Forçando o layout da tela com Zurb-Foundation - zurb-foundation

Forçando o layout da tela com Zurb-Foundation - zurb-foundation

Existe uma maneira que eu possa forçar o layout a mudarda paisagem para a vertical enquanto ela está sendo visualizada em um divisor móvel? Eu tenho uma página com uma tabela grande que corta a tabela quando visualizada em um divisor móvel. Eu quero que ele bloqueie automaticamente em uma orientação vertical enquanto estiver em um divisor móvel para que a tabela seja exibida corretamente.

Eu sei que posso detectar o tamanho da tela e também fazer minhas próprias consultas de mídia, mas como posso forçar o layout a mudar?

Respostas:

0 para resposta № 1

Dos documentos oficiais:

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} { }