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

Sass/SCSS：

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

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