关于IE8以及以下版本不支持媒体查询的解决方案

墨衍会员 · AI 创作全网分发 墨衍智能分发 本文由作者通过墨衍一键同步至各平台 1分发平台 1.2w累计阅读 1.2w+平均单平台已同步平台 CSDN 微信公众号微博知乎掘金百家号博客园抖音小红书 你的文章也可以这样分发 墨衍会员 ¥399起/年，写一次发全网我也要 → 码龄11年

关注

原创最新推荐文章于 2026-07-17 09:05:10 发布 1.2w 阅读 AI 写同款· GEO 优化 ›

众所周知，网页前端开发时兼容IE一直是很头疼的问题。今天接到一个需要响应式布局的问题，主要还要兼容IE8，9。在网上搜索了以下解决方案，现记录如下。

首先，加入代码

<!--[if lt IE 9]>
    <script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
<![endif]-->

以解决IE8及以下不支持媒体查询。它通过js来hack IE浏览器。

收录于

web开发

当前文章被收录于：

web开发

1 篇文章 0 人学习

订阅专栏查看详情

响应式布局

当前文章被收录于：

响应式布局

1 篇文章 0 人学习

订阅专栏查看详情

兼容IE

当前文章被收录于：

兼容IE

1 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

标签

#前端开发 #ie8 #响应式 #布局 #css3

保姆级教程：用eNSP模拟企业级WLAN，从旁挂AC到AP漫游一次搞定本文提供了一份详细的eNSP模拟企业级WLAN的保姆级教程，涵盖从旁挂AC架构设计到AP无缝漫游的全过程。通过实战案例和配置解析，帮助网络工程师掌握企业级无线网络的规划、部署与优化技巧，特别适合准备华为认证或实际工作需求的读者。阅读详情

相关推荐

IE8兼容性问题及解决方案

前言最近在做一个项目，要求是兼容IE8，还要兼容1280屏幕分辨率，写页面其实还好，就是这个IE8贼恶心，用到的很多css属性IE8都不兼容，想要的效果也呈现不出来。先来说一说我遇到的IE8不支持的哪些css属性吧 1，background不支持连写 background:url(../img/background.png) no-repeat -580px 0/auto 100%; *...

随心而作 1万+

ie兼容媒体查询

ie兼容媒体查询ie8------------------------------------------

ie8如何兼容媒体查询

ie8如何兼容媒体查询 ie8中媒体查询存在兼容问题，需要在html dom 和css加载完成后，再引入respond.js <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script> <script src="https://cdn.staticfi...

kerryqpw的博客 512

IE8实现媒体查询

IE8实现媒体查询 实现IE8引用样式  IE8下想实现不同分辨率样式的兼容，需要用Css3中的med...

weixin_30342827的博客 188

ie8以下不支持display:inline-block

行内元素使用时如何兼容ie8以下

xiaoxin0309的博客 208

ie8如何兼容媒体查询及注意事项

关于怎么兼容ie8浏览器媒体查询的问题（总结）方法： 1.引入respond.js文件（可以百度查找，也可以在pintuer框架[拼图 Pintuer v1.x]中下载兼容IE8respond.js）。 2.然后引入到自己的文件。注意：（关于引入ie8失效问题） 1.首先必须注意respond.js在引入jquery之前 2.其次不能在本地环境打开，在本地环境是失效的后台管理中心 <script src="js/jquery.js"></s

zzjjjjer的博客 367

html5、媒体查询media query兼容ie低版本浏览器(ie8及其以下)

方法一：以下代码是一段注释，但是 IE8及其以下的早期版本会读取它（国内cdn）  上面的兼容脚本本人测试了head...

八佾舞于庭 848

IE8linter检测规则深度解析：HTML5标签、CSS属性和媒体查询

IE8linter是一款实用的IE8兼容性检测工具，能够帮助开发者识别网站在IE8浏览器中可能遇到的兼容性问题，并提供相应的解决方案。对于仍有IE8兼容性需求的项目来说，这款工具能有效减少兼容性问题带来的困扰。 ## 认识IE8linter检测工具 IE8linter作为一款专门针对IE8浏览器的兼容性检测工具，其核心功能是扫描网站代码，找出可能导致IE8兼容性问题的代码片段。通过使用这款工具

gitblog_00444的博客 705

IE8的一些兼容问题和解决方案

IE8的一些兼容问题和解决方案 一、CSS3媒体查询兼容方法：Respond.js 1)下载地址：https://www.bootcdn.cn/respond.js/ 备注：Respond.js引用的越早，用户看到页面闪烁的机会就越小。二、Canvas兼容方案：Excanvas.js 1)下载地址：http://code.google.com/p/explorercanvas/downloads/list 备注：Excanvas.js最好在head中使用。三、echarts兼容IE8的解决方法（1）

weixin_43985618的博客 1432

IE8linter实战教程：5个常见IE8兼容性问题及解决方案

在Web开发的世界里，Internet Explorer 8（IE8）兼容性检测工具IE8linter是前端开发者的得力助手。这个简单而强大的工具能够快速扫描网站，识别出可能影响IE8兼容性的问题，并提供实用的修复建议。无论你是维护老项目的开发者，还是需要确保网站能在IE8上正常运行的工程师，IE8linter都能为你节省大量调试时间。 [![IE8兼容性检测工具](https://raw.gi

gitblog_00461的博客 746

angularJS与IE8整合简介

前言本文主要研究的是angularJS框架在IE8下兼容性的问题，分析了导致angularjs框架在ie8下不能使用的各个因素，并逐个分析、解决它，并提出angularjs在IE8下统一的解决方案。本文目的 1.提供angularJS在IE8下兼容性的统一解决方案。兼容性说明编号标题名称描述 1 ang

pkpk20044的博客 1万+

媒体查询 @Media

随着智能手机的普及，响应式布局的使用也是日益增长现在许多网站都在应用这项技术，也方便了我们的生活毕竟不能去哪都带着电脑吧所以媒体查询就出来了只需要一套代码就能在不同的大小的设备上面正确显示。 媒体查询 媒体查询可以让我们根据设备显示的特征（视口宽度、屏幕比列、设备方向）来设定CSS样式，媒体查询有媒体类型和一个或多个检测媒体特征的条件表达式组成。 meta标签在网页头部添加这一行代码 &lt...

qq_44820039的博客 3856

bootstrap支持ie8 让IE6 IE7 IE8 IE9 IE10 IE11支持Bootstrap的解决方法

做一个在线系统，PC端也要做，但要兼容千恶的IE8【IE6 是万恶，打死我都不会管IE6】，IE8 是我底线了md，在IE8下 bottstrap 错乱，变形，不支持一些属性的问题，下面看了一篇某兄台借我手弄过来，供大家参考，一般参考第一、第三种方案，基本可以解决兼容问题。。。让IE6 IE7 IE8 IE9 IE10 IE11支持Boots

小北哥哥和北妈 1万+

eval语法报错 ie10_IE10/11不支持条件性注释的3个解决方法

我们知道ie在前端中不太好弄，本文我们分享在IE10/11不支持条件性注释后的3种替代方法，后面补充了ie10 css hack 条件注释等兼容方式整理。ec(2);针对IE的条件性注释(Conditional comments)是专门给IE浏览器准备的，其它浏览器根本不能识别这种标记。使用条件性注释可以区别对待的针对浏览器编写CSS等代码。#zs# styles goes here but sh...

weixin_39905624的博客 952

『前端开发』- 兼容IE8的响应式开发

兼容IE8的响应式开发全文概要： 1. 常用解决方案 2. 使IE8兼容媒体查询 @media 3. px和em和rem的霸主位置 4. 使IE8兼容rem 常用解决方案 所谓响应式开发，就是指在不同的系统，设备环境，不同的分辨率下，界面进行不同的响应和调整适配我们简单理解为，在不同的浏览器上，不同分辨率的显示器上，我们的网页能进行自适应响应调整，使得最后的界面还是能达到设计师高保真图的...

weixin_34391445的博客 479

IE8，9低版本浏览器不支持H5C3完美解决方案汇总

不支持border-radius、box-shadow、multiple、线性渐变的解决方案 PIE.js 插件了解一下：官网地址使用方式：在<head>标签中引入js文件：  样式中只需...

weixin_42661283的博客 1021

css判断ie版本引用样式或css文件

说来也合情合理，从IE9开始，IE开始被WEB开发人员接受，很多人将IE9后的浏览器和火狐、谷歌浏览器统称为现代浏览器，因为它们开始实现新的HTML5和CSS3统一标准。但愿望是美好的，现实却是残酷的，很多WEB开发人员在开发实践中发现，同一个CSS在IE9/10/11上显示的效果和其它浏览器渲染的效果还是不一样。这里要注意一点，IE的版本号是有点问题的，IE4/5/6的版本号都是4.0，所以我们就可以做到：如果用户使用的是IE6或以下版本，请用户升级浏览器。，而不是最新的IE10/11技术。

学习记录总结分享 908

IE兼容性问题汇总【持续更新中】

问题：IE8/9不支持Array.indexOf 　　解决方案 if (!Array.prototype.indexOf) { Array.prototype.indexOf = function(elt /*, from*/) { var len = this.length >>> 0; var from = Number...

ajb11683的博客 2802

Bootstrap的栅格布局不支持IE8的解决方案

用bootstrap的栅格布局在IE8上出现失效的情况，通常有两种解决方式：方法一：引用第三方js，一个叫respond.js的东西，可以在github上搜索到方法二：由于IE8不支持媒体查询，所以对应不同分辨率的样式失效了，所以解决方法也很简单，都用col-xs的列布局来实现就好了。 ...

不如一默 931

IE8兼容性问题及解决方案