CSS媒体查询是可以检测纵向/横向平板电脑模式？

本文介绍了CSS媒体查询是可以检测纵向/横向平板电脑模式？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

因为在JS是pretty容易....像

 如果（window.innerHeight＆GT; window.innerWidth）{
    肖像= TRUE;
}其他{
   肖像= FALSE;
}

和我可以使用...但我不知道是否有可能只使用CSS和@media风格做

有没有可能像

  @media只有屏幕（宽度GT;高度）{// ...}

解决方案

是的，你做到这一点：

  @media屏幕（方向：纵向）{...}
 @media屏幕（方向：横向）{...}

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

given that in JS is pretty easy ....something like

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

and i can use that...but i'm wondering if it is possible to do it using just css and @media styles

is it possible something like

@media only screen and (width > height) {

//...

}

解决方案

Yes you do it:

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

这篇关于CSS媒体查询是可以检测纵向/横向平板电脑模式？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！