internet-explorer - 媒体查询不适用于 ie10

标签 internet-explorer css responsive-design media-queries

我制作了一个响应式网站,并且在我的 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/

相关文章:

HTML5、CSS背景图片在IE中显示问题

html - Dreamweaver:背景图像设置在高度:自动将不显示任何内容

css - 是否有在 7 上有中心栏的 Web 安全字体?

jquery - 在单选按钮选择上切换背景颜色

html - 图像填充父 div 的宽度和高度,并居中

html - A 标签上的下载属性在 IE 中不起作用

windows - IE8在浏览网站几分钟后崩溃

javascript - 为纵向显示缩放移动响应式横向布局

html - Bootstrap 4 截断移动设备表格内的长文本

javascript - Internet Explorer 未精确设置 <img> src,将 %7E 转换为 ~