我制作了一个响应式网站,并且在我的 CSS 中使用了媒体查询。
在 chrome 和 FF 上一切看起来都很好,但 ie10 忽略了我的所有查询。
我有<meta name="viewport" content="width=device-width,user-scalable=no, initial-scale=1">
在标题上,因为该网站是为平板电脑设置的。
我尝试删除元标记,但没有解决问题。
我几乎尝试了一切:
@media only screen and (max-width: 800px), only screen and (max-device-width: 800px)
@media only screen and (max-width: 800px)
@media screen and (max-width: 800px)
@media all and (max-width: 800px)
@media (max-width:800px)
似乎没有任何效果。
最佳答案
你可能需要@-ms-viewport { width:device-width;缩放:1.0;
关于internet-explorer - 媒体查询不适用于 ie10,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20114855/