使用Zurb-Foundation强制进行屏幕布局

Question

在移动设备上查看布局时，是否可以强制布局从横向更改为垂直？我有一个带有大桌子的页面，可以在移动设备上查看桌子。我希望它在移动设备上自动锁定垂直方向，以便表格正确显示。

我知道我可以检测屏幕尺寸并且也可以进行我自己的媒体查询，但是如何强制布局移动？

Answer 1

来自官方文件：

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

萨斯/ SCSS：

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

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