首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使用Zurb-Foundation强制屏幕布局

使用Zurb-Foundation强制屏幕布局
EN

Stack Overflow用户
提问于 2013-07-24 23:46:48
回答 1查看 290关注 0票数 0

在移动设备上查看时,有没有办法强制将布局从横向更改为垂直?我有一个页面,有一个很大的表格,当在移动设备上查看时,表格会被切掉。我希望它在移动设备上时自动锁定在垂直方向上,以便正确显示表格。

我知道我可以检测屏幕大小,也可以进行我自己的媒体查询,但我如何才能强制改变布局?

EN

回答 1

Stack Overflow用户

发布于 2013-07-26 07:13:57

来自官方文档:

http://foundation.zurb.com/docs/media-queries.html

CSS:

代码语言:javascript
复制
/* 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:

代码语言:javascript
复制
/* Apply styles to screens in landscape orientation */
@media #{$landscape} { }

/* Apply styles to screens in portrait orientation */
@media #{$portrait} { }
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17838888

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档