Mobile Zurb基金会5 -流动景观 我使用ZURB基金会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> A. B

Mobile Zurb基金会5 -流动景观 我使用ZURB基金会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> A. B,mobile,zurb-foundation,landscape,Mobile,Zurb Foundation,Landscape,我的手机(三星note 2,分辨率=720 x 1280像素)在查看上述示例时始终显示“小”样式(无论使用横向模式还是纵向模式) 我补充说,仅供参考 <meta name="viewport" content="width=device-width, initial-scale=1" /> 已经在文档上了 根据链接,它表示宽度=设备宽度将总是返回设备肖像宽度,这是Zurb基金会5总是给我“小”样式的原因吗? < P>这可以通过媒体查询来实现。p> @media screen a

我的手机(三星note 2,分辨率=720 x 1280像素)在查看上述示例时始终显示“小”样式(无论使用横向模式还是纵向模式)

我补充说,仅供参考

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

已经在文档上了


根据链接,它表示宽度=设备宽度将总是返回设备肖像宽度,这是Zurb基金会5总是给我“小”样式的原因吗?

< P>这可以通过媒体查询来实现。p>
@media screen and (orientation:portrait) { … }
@media screen and (orientation:landscape) { … }