在 JavaScript 中,可以使用以下方法检测方向模式:
if (window.innerHeight > window.innerWidth) { portrait = true; } else { portrait = false; }
但是,有没有办法只使用 CSS 来检测方向?
例如。就像是:
@media only screen and (width > height) { ... }
用于检测屏幕方向的 CSS:
@media screen and (orientation:portrait) { …} @media screen and (orientation:landscape) { …}
媒体查询的 CSS 定义位于http://www.w3.org/TR/css3-mediaqueries/#orientation