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

发布于 2022-08-24 02:37:29 字数 1084 浏览 9 评论 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都下载下来了,不知道大家有什么看法?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

仙女山的月亮 2022-08-31 02:37:29

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

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文