css - 旋转横向时移动响应不起作用

Question

所以我们的网站在我们上线之前处于最后阶段，但是我们刚刚注意到当我们检查移动响应时一切正常，直到我们将移动设备旋转到横向 View 并且它显示的样式与在桌面和响应式媒体疲惫不堪! 我们的响应代码如下:

@media screen and (max-width:600px){
.stats{
    display:none;
}
}

有人可以帮忙吗？

Answer 1

横向设备比例大于 600 像素。如果您使用 chrome、开发工具，则在调整视口(viewport)大小时，它会准确显示可见像素的数量。

最让我头疼的是，我会说您需要将媒体查询更改为；

@media screen and (max-width:787px){
.stats{
   display:none;
}
}