CSS媒体查询是否可以检测人像/风景平板电脑模式？

因为在JS是很容易….有点像

if(window.innerHeight > window.innerWidth){
    portrait = true;
}else{
   portrait = false;
}

我可以使用…但我想知道是否可以使用只使用CSS和@media样式

是可能的东西

@media only screen and (width > height) { 

//...

}

解决方法

是的，你做到：

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

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