@media (max-width: 767px)
应该会影响767px或更低的像素,但我对它有问题,因为它不能在767px上应用我的CSS。经过很长一段时间的测试,我注意到它在Windows7上运行良好,但在Windows10上就不行了。
我在两个操作系统上都安装了Chrome (v54.0.2840.71m)。我也在火狐中测试了它,如果我在Win10上运行它,我也会遇到同样的问题。
这是jsfiddle。
如你所见,min-width
运行良好,所以我可以修复它,恢复我的CSS并从最低分辨率工作到最高分辨率……这只是一个恼人的解决方案。我在想是不是有人知道其他方法来解决这个问题。我也尝试过max-device-width
,但仍然不能正常工作。
谢谢
发布于 2016-12-14 18:49:11
更新(2019-06-03)
正如sKopheK所指出的,现在使用max-width: 767.9px
就足够了,否则它将舍入到768px
。
原始答案
多亏了Vladimir Pittner发布的this link,我找到了一个有效的解决方案。其中一条注释建议将max-width
值设置为浮点型。因此,您可以使用767.999px
代替767px
,它似乎工作得很好。
https://stackoverflow.com/questions/40272679
复制相似问题