internet-explorer - 什么会导致响应式网站默认为移动设备?

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

我有一个网站,它有一个响应式网格系统,使用带断点的媒体查询。在 IE8 上,即使屏幕尺寸设置为标准桌面尺寸(大于 960 像素宽),我也看到“移动版”作为默认 View 。

是否存在会导致这种情况发生的已知问题(和修复)?

一如既往地感谢您的帮助。

----编辑----

我的媒体查询是如何设置的:

@media screen and (max-width: 767px) {  }

最佳答案

IE8 doesn't support media queries ,所以它可能正在处理所有 CSS 规则,即使是那些全宽屏幕不应该处理的规则。

要防止出现此问题,请添加 only每个 @media 后的关键字规则 ( @media only screen ... )。

然后您可以获得支持,包括出色的插件 respond.js <head>所有页面的一部分

关于internet-explorer - 什么会导致响应式网站默认为移动设备?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12641465/

相关文章:

javascript - 如何使用 webpack 准备 React 应用程序

css - height 100 and iframe = 两个滚动条

css - CSS 选择器中的空格

javascript - 如何水平放置尽可能多的 <div>

html - (响应网站)UL> LI的最小高度:100%,同时显示:内嵌和垂直对齐:顶部

javascript - 当开发人员工具关闭时,AngularJS 代码不执行 InternetExplorer

css - 如何使图像缩小以适合固定位置的 flexbox 模态

java - 浏览器语言环境为日语

javascript - IE 11 中字符串拆分数组结果不一致

html - 响应式媒体查询不起作用