以横向模式在移动视图中显示/隐藏div

问题描述 投票:0回答:1

我的网站上针对移动设备,平板电脑和台式机的设计有所不同。我正在使用mediaquery隐藏/显示div。在人像模式下一切正常。如何在横向模式下处理此问题?由于横向模式下宽度像素的增加,手机正在采用平板电脑设计。

css twitter-bootstrap media-queries
1个回答
0
投票

根据答案:https://stackoverflow.com/a/5735636/5580153

用于检测屏幕方向的CSS:

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

媒体查询的CSS定义位于http://www.w3.org/TR/css3-mediaqueries/#orientation

可以在这里找到有关此解决方案局限性的进一步讨论,主要是软键盘可以破坏布局:

CSS Media Query - Soft-keyboard breaks css orientation rules - alternative solution?

热门问题
推荐问题
最新问题