Zurb Foundation 5 - мобильный ландшафтный вид

Question

Я использую Zurb Foundation 5 для моего проекта, я скомпилировал таблицу стилей, используя команду сборки по умолчанию SASS. Я хотел бы знать, можно ли показывать разные макеты в режиме мобильного пейзажа и портретном режиме без использования классов «шоу-для-ландшафта/шоу-для-портрета»? но просто используя классы «small-x/medium-x/large-x»?

<div class="row"> 
    <div class="columns small-6 medium-4 large-4">A</div> 
    <div class="columns small-6 medium-8 large-8">B</div> 
</div> 

Мой мобильный (Samsung примечание 2, разрешение = 720 х 1280 пикселей) всегда показывает «малый» стиль при просмотре приведенного выше примера (не имеет значения, используя ландшафт или портретный режим)

FYI, я добавили

<meta name="viewport" content="width=device-width, initial-scale=1" /> 

на документе уже

по ссылке http://tech.bluesmoon.info/2011/01/device-width-and-how-not-to-hate-your.html, он заявил, что ширина = ширина устройства всегда будет возвращать ширина портрета устройства, является ли это причиной того, что zurb foundation 5 всегда дает мне «маленький» стиль?

Answer 1

Это может быть достигнуто с помощью мультимедийных запросов.

@media screen and (orientation:portrait) { … } 
@media screen and (orientation:landscape) { … } 

CSS media queries is it possible to detect portrait/landscape tablet mode?