css - 当浏览器不支持媒体查询时到底会发生什么?

标签 css media-queries

我正在使用媒体查询构建我的网站,以适应不同的屏幕尺寸。

巧合的是,我在一台旧电脑上使用未更新的浏览器检查了我的网站,发现我得到的是移动内容和桌面内容的混合体。但是我没有办法查看代码,因为没有安装 firebug 或类似的东西。

我的问题是如果浏览器不接受 CSS 中的媒体查询会发生什么?

  • 它会忽略条件内的所有内容吗?

  • 或者无论条件是什么,它都会运行条件内的所有内容吗?

最佳答案

如果浏览器不支持媒体查询,则不会发生任何事情。它忽略整个条件样式 block 。

如果你想支持的话可以使用这个JS http://code.google.com/p/css3-mediaqueries-js/

关于css - 当浏览器不支持媒体查询时到底会发生什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10748527/

相关文章:

html - 无法正确使用 Bootstrap 固定底部导航栏

css - 我应该将默认声明与媒体查询样式表放在同一样式表上吗?

html - IE中div高度和宽度的问题

html - slider 重叠在导航 Bootstrap 4 上的折叠图标上(在移动设备上)

javascript - 如何让 Bootstrap 导航栏滑动过渡工作?

html - 如果内容小于限制,如何将滚动条添加到我的 HTML 中消失

css - 即使有垂直滚动,如何在网站底部保持绝对定位的元素?

css - 如何使 Bootstrap 3 在 IE8 中响应(使用动态加载的 CSS)

css - 设备像素比的媒体查询不起作用

html - 我如何在媒体查询中隐藏 HTML 元素?