我已将我的代码更新为最新的 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