Zurb foundation 使用Zurb基金会强制屏幕布局

在移动设备上观看时，有没有办法强制布局从横向变为纵向？我有一个页面，上面有一张大桌子，当在移动设备上查看时，它会切断桌子。我希望它在移动设备上自动锁定垂直方向，以便表格正确显示

---

我知道我可以检测屏幕大小，也可以自己进行媒体查询，但我如何才能强制改变布局

来自官方文件：

CSS:

Sass/SCSS：

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

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

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

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