IE9 以下版本浏览器兼容HTML5、CSS3的方法 html5shiv.js和respond.js

最新推荐文章于 2022-07-16 15:55:51 发布

原创最新推荐文章于 2022-07-16 15:55:51 发布 · 355 阅读

0 ·

CC 4.0 BY-SA版权

工具专栏收录该内容

13 篇文章

订阅专栏

本文介绍了解决IE9以下浏览器对HTML5新标签识别问题的方法，使用html5shiv确保CSS正常工作，以及通过respond.js实现CSS3 MediaQuery的支持。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用(将标签内容作为行内元素显示)的问题。

respond:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。

<!--[if lt IE9]>
<script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<script src="https://cdn.bootcss.com/html5shiv/r29/html5.min.js"></script>
<![endif]-->

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

imHere·

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

HTML Shiv.js 和 Respond.min.js: H5 技术的详细介绍

PmtxPhp的博客

09-23

204

综上所述，HTML Shiv.js 和 Respond.min.js 是两个常用的 H5 技术，用于解决旧版浏览器中的兼容性问题。Respond.min.js 的作用是通过 JavaScript 解析页面中的媒体查询，并根据查询结果来加载相应的样式文件。这样，即使在旧版浏览器中，也能够正确地应用适配不同屏幕尺寸的样式。HTML Shiv.js 和 Respond.min.js 是两个常用的 H5 技术，用于解决在旧版浏览器中对 HTML5 元素和 CSS3 媒体查询的兼容性问题。

让IE8和IE9支持Html5和Css3

05-11

让IE8和IE9支持Html5和Css3，压缩包里包括css3-mediaqueries.js、html5shiv.js、selectivizr.js

参与评论您还未登录，请先登录后发表或查看评论

IE9真的支持CSS3和HTML5？

weixin_39037804的博客

09-18

243

微软昨天在其2009年专业开发者大会上展示了下一个版本的Internet Explorer浏览器IE9。尽管只是一个早期版本，IE开发团队还是比较高调的宣布了IE9的一些改进，比如速度比之前的I...

让 IE9 以下的浏览器支持HTML5标签和 CSS3选择器

weixin_30709061的博客

08-04

135

做项目的很多时候，想用 HTML5 CSS3 新的技术，又考虑到低版本的浏览器不支持这些标签和属性，就让人烦恼，不过问题的出现，就有问题的解决方案，那么这里就介绍用 js 插件来让低版本浏览器也兼容吧... 让浏览器支持HTML5标签插件下载地址： http://code.google.com/p/html5shiv/ 让浏览器支持CSS3选择器插件下载地址： http://...

IE9对CSS3属性的支持情况

qq_35617617的博客

04-29

659

原文章地址 http://blog.csdn.net/lml_little/article/details/51074779 IE9对CSS3属性的支持情况 CSS3属性 IE9支持情况之前版本IE支持情况 opacity None multiple backgrounds None

html 判断ie9以下,IE9以下浏览器对CSS3的常用兼容处理

weixin_30849279的博客

06-20

260

html5shiv.js主要功能：html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。respond.min.js主要功能：respond.min:让不支持css3 Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。条件判断如下：PIE.js 和 PIE.htc主要功能：1.兼容border-radius;2.阴影效果;3.部分 C...

respond.min.js html5shiv.js

05-28

在IE8浏览器中，Bootstrap3框架的样式可能会出现失效的问题，这是因为Bootstrap3是基于HTML5构建的，而IE8及以下版本的浏览器不完全支持HTML5的一些新特性，特别是媒体查询（Media Queries）和某些HTML5元素。...

详解html5 shiv.js和respond.min.js

09-27

总的来说，`html5shiv.min.js` 和 `respond.min.js` 是为了解决老旧浏览器对HTML5新特性和CSS3 Media Queries支持不足的问题，它们对于确保网站在各种浏览器中的兼容性和良好的用户体验至关重要。尽管现代浏览器已经...

html5shiv.min.js

09-22

引入顺序通常是先引入`html5shiv.min.js`，然后再引入`respond.min.js`，因为前者解决了HTML5新元素的识别问题，而后者则负责处理媒体查询，这两者结合起来，可以让基于HTML5和Bootstrap3的网站在IE8这样的老版本...

JS=＞ ie9以下低版本浏览器兼容html5和css3标签

YYQingJs的博客

07-16

444

ie9以下低版本浏览器兼容html5和css3标签

兼容IE8、IE9的html5shiv.min、respond、jquery.form

09-30

ie8和ie9浏览器下兼容问题； 1、bootstrap3部分样式失效，在页面中引用respond.min.js和html5shiv.min.js ； 2、另外提供formData不可用情况下使用的jquery.form.min.js资源文件

ie6支持css3属性js插件包(不再为兼容性头疼)

12-24

这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。我们不得不找到一个能平衡于它们之间的解决方法。如png透明问题在IE5、IE6下无法显示出其效果，我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5、IE6下png透明问题。当然还有更多的方法。而现在有种更加完美的方法能兼容IE5、IE6、IE7的CSS选择器解析不一样问题。那就是： ie7 - js 本插件包包含 ie7.s,ie8.js,ie9.JS，可以让ie6支持到更多的css3属性，另附上插件包使用说明和官方最新插件下载地址和全部Demo演示页面。

iecss3.htc

11-20

使IE6、7、8、9能够使用css3的阴影和圆角属性,具体使用方法可见https://blog.csdn.net/weixin_42516949/article/details/103164361

让ie也支持css3

05-30

自己起一个公用类名，然后用behavior引入，哪个容器需要用到css3的样式就在这个容器上加上这个class类名

IE支持html5.js

07-30

让IE支持HTML5 资源地址：https://github.com/aFarkas/html5shiv

IE9以下浏览器处理方案_ html5shiv.js和respond.min.js

qq_41989751的博客

04-22

278

做页面常用的东西，写这里用的时候省点去找了。。。 html5shiv：解决ie9以下浏览器对html5新增标签的不识别，并导致CSS不起作用的问题。 respond.min:让不支持css3Media Query的浏览器包括IE6-IE8等其他浏览器支持查询。由于IE6/IE7/IE8还有很大一部分用户，为了让网站浏览者都能正常的访问HTML5网站，故这两种方案还是需要的，下面是两个...

IE9以下版本浏览器对HTML5新增标签不识别，导致CSS不起作用的问题

baishan6476的博客

09-30

167

IE9以下版本浏览器对HTML5新增标签不识别，导致CSS不起作用的问题使用Javascript来使不支持HTML5的浏览器支持HTML标签。目前大多网站采用的这种方式（Bootcss官方例子也是如此）。在<head></head>标签...

html5shiv.js和respond.min.js

weixin_30483495的博客

09-17

258

让IE8及以下浏览器兼容HTML5与CSS3的JavaScript解决方案

2. Respond.js是另一个针对IE8及以下版本浏览器的JavaScript库，它主要用于解决CSS3媒体查询的问题。媒体查询是CSS3中的一个重要特性，允许开发者根据不同的屏幕尺寸和分辨率等因素，应用不同的样式规则。这对于响应...