/ / Forzar el diseño de la pantalla con Zurb-Foundation - zurb-foundation

Forzar el diseño de la pantalla con Zurb-Foundation - zurb-foundation

¿Hay alguna manera de forzar el diseño para cambiarde paisaje a vertical mientras se está viendo en una divice móvil? Tengo una página con una gran mesa que corta la mesa cuando se ve en un divice móvil. Quiero que se bloquee automáticamente en una orientación vertical mientras está en un dispositivo móvil para que la tabla se muestre correctamente.

Sé que puedo detectar el tamaño de la pantalla y también hacer mis propias consultas de medios, pero ¿cómo puedo forzar el cambio de diseño?

Respuestas

0 para la respuesta № 1

De los documentos oficiales:

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