我已经将我的代码更新到最新的Twitter Bootstrap v3,并且它已经放弃了对旧版(ie7 或更低)浏览器的支持,甚至 ie8 / ie9 也不完全支持,所以我正在尝试使用一些第三方插件/脚本所以我不'除非它是关键或必要的(不担心 css3 阴影、圆角等),否则不必编写 IE 特定的 css 。
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 浏览器中工作(不担心阴影、圆角等,只是错误的布局、浮动, ETC)
所以帮我解决这种情况,哦,我也使用
<!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我应该使用它吗?
谢谢
*更新: *
既然我问了这个问题,我正在使用这种方法,我正在使用没有 html5shiv 的自定义modernizr 构建,并且我放弃了ie7.js
尝试ie9.js
相同的结果(发现它 v. 错误而不是帮助导致问题),使用respond.js和单独的 html5shiv 从那以后它一直对我有用。
现在我也使用这个标签,
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
去掉chrome=1