横向模式下的移动媒体查询？

Question

我的手机媒体查询不工作在横向模式，也许我不显示media only screen正确。我没有使用任何框架，只是普通的CSS ...

有人可以指出我在正确的方向吗？在此先感谢

这就是我现在所拥有的

@media (min-width : 319px) and (max-width: 480px){ 
    //css here 
} 

不知道我在做什么错

Answer 1

有一个在CSS一个有用的属性/函数调用orientation其中有两个选项：

1. 景观
2. 肖像

而且这是你如何使用它：

@media screen and (orientation:landscape) { 
    /* Your CSS Here*/ 
} 

要附加的屏幕最大和最小宽度，你可以做这样的事情：

@media screen and (orientation:landscape) 
and (min-device-width: 319px) 
and (max-device-width: 480px) { 
    /* Your CSS Here*/ 
} 

看到这个REFFERENCE：css expanding based on portrait or landscape screen size?和也关于@media本页查询的文档：https://css-tricks.com/snippets/css/media-queries-for-standard-devices

我希望这能帮到你:-)