/ / Zurb-Foundationによる画面レイアウトの強制 - zurb-foundation

Zurb-Foundationによる画面レイアウトの強制 - zurb-foundation

レイアウトを強制的に変更できる方法はありますかそれはモバイルディシジョンで見られている間、風景から垂直へ?私はモバイルのディバイスで見たときにテーブルをカットする大きなテーブルのあるページを持っています。私はそれがテーブルが適切に表示されるように、モバイルディバイス上で垂直方向に自動的にロックしたい。

私は画面サイズを検出することができ、自分自身のメディアクエリを行うことができますが、どのようにレイアウトをシフトさせることができますか?

回答:

回答№1は0

公式文書から:

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