internet explorer,modernizr.js,respond.js,html5shiv.js,ie-7.js兼容性

时间:2013-09-15 05:13:47

标签: media-queries modernizr twitter-bootstrap-3 ie7.js respond.js

我已将我的代码更新为最新的 Twitter Bootstrap v3 ,并且它已停止支持较旧的(即7个或更少)浏览器,即使ie8 / ie9也不完全支持,所以我试图使用一些第三方插件/脚本,所以我不必编写IE特定的CSS,除非它是关键或必要的( 担心css3阴影,圆角等)。

modernizr.js 我将使用此功能, respond.js (我想我会在旧浏览器中使用它以支持媒体查询)

现在告诉我,如果modernizr.js和respond.js可以一起工作

我认为 * html5shiv.js 不是必需的,因为modernizr.js会覆盖它(告诉我是否这样做)?如果modernizr.js不提供html5增强功能,还可以加载respond.js吗?

告诉我是否仍需要使用 ie9.js ?如果是哪种组合?

我想要

a)媒体查询支持 b)浏览器检测css3功能支持(modernizr.js做得很好) c)希望我的网站在IE浏览器中工作( 担心阴影,圆角等,只是bug的布局,浮动等)

所以帮助我解决这个问题,哦,我也用

<!DOCTYPE html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en-US"> <![endif]-->
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en-US"> <![endif]-->
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en-US"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js" lang="en-US"> <!--<![endif]-->
<!--<html class="js">-->
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

所以请告诉我,我还需要对这些内容做些什么来实现我想要的结果(特别是 chrome-1 我应该使用它吗?

由于

*的 更新: * 自从我提出这个问题以来,我正在使用这种方法,我使用自定义的modernizr构建而没有html5shiv,我删除了ie7.js尝试了ie9.js相同的结果(发现它是错误的而不是帮助导致问题) ,使用respond.js并单独html5shiv,从那以后它一直很适合我。

现在我也使用这个标签, <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 丢弃 chrome = 1

0 个答案:

没有答案