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