您好,匿名用户
随意问技术百科期待您的加入

不同版本IE下的CSS样式调用

0 投票

用CSS HACK来解决问题一直是被大家所不推荐的。
在不可避免的解决IE各版本问题时,有些同学就开始推荐用IE版本判断语句来修复IE下的CSS问题
昨天在看Frameless的时候,恰巧看到注释里有这篇文章:

Conditional stylesheets vs CSS hacks? Answer: Neither!
http://paulirish.com/2008/conditional...

作者不推荐使用IE版本判断调用CSS文件,也不推荐CSS HACK,而是通过IE版本判断而给予html添加class样式,虽然作者列举了好几条好处,但我觉得,这样会导致浏览器加载一些无法使用到的CSS文件。比如原先通过:

<link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
  <!--[if IE 7]><link rel="stylesheet" type="text/css" media="screen" href="css/ie7.css"  />< ![endif]-->
  <!--[if IE 6]><link rel="stylesheet" type="text/css" media="screen" href="css/ie6.css"  />< ![endif]-->

那么不符合版本的浏览器就不会加载与其无关的CSS文件,而作者的这种方法却将所有的CSS都下载下来了,不知道大家有什么看法?

用户头像 提问 2012年 12月1日 @ Corki 上等兵 (263 威望)
分享到:

1个回答

0 投票

他这种就是文中提到的Modernizr所使用的。

就我个人来看
1.如果css不多,我会直接使用css hack
2.如果兼容性问题比较严重,我会使用IE版本判断
3.如果要同时要兼容PC、Mobile,我会使用Modernizr

用户头像 回复 2012年 12月1日 @ Nautilus 上等兵 (223 威望)
提一个问题:

相关问题

+1 投票
1 回复 33 阅读
用户头像 提问 2012年 12月1日 @ Udyr 上等兵 (341 威望)
+2 投票
1 回复 60 阅读
用户头像 提问 2012年 12月22日 @ Elise 上等兵 (273 威望)
+1 投票
1 回复 47 阅读
用户头像 提问 2012年 12月1日 @ Olaf 上等兵 (366 威望)
0 投票
1 回复 32 阅读
用户头像 提问 2013年 11月21日 @ Lancer 上等兵 (183 威望)
+1 投票
1 回复 51 阅读

欢迎来到随意问技术百科, 这是一个面向专业开发者的IT问答网站,提供途径助开发者查找IT技术方案,解决程序bug和网站运维难题等。
温馨提示:本网站禁止用户发布与IT技术无关的、粗浅的、毫无意义的或者违法国家法规的等不合理内容,谢谢支持。

欢迎访问随意问技术百科,为了给您提供更好的服务,请及时反馈您的意见。
...