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

前端之家收集整理的这篇文章主要介绍了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

猜你在找的CSS相关文章