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