/ / Формування екрану з Zurb-Foundation - zurb-foundation

Вимушування макета екрану за допомогою Zurb-Foundation - zurb-foundation

Чи є спосіб примусити макет змінюватисявід ландшафту до вертикалі, поки воно дивиться на мобільному пристрої? У мене є сторінка з великим таблицею, що скорочує стіл при перегляді на мобільному пристрої. Я хочу, щоб воно автоматично блокувалось у вертикальній орієнтації під час переміщення, щоб таблиця відображалася належним чином.

Я знаю, що можу визначити розмір екрана, а також робити свої власні медіа-запити, але як я можу змусити макет змінити?

Відповіді:

0 для відповіді № 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} { }