什么情况下需要用Normalize.css 或者 Reset CSS?

为什么用chrome的时候没有看到stackoverflow站点使用类似的重置css,是需要兼容低版本的浏览器才需要使用类似的样式进行统一重置吗?


Normalize的说明:
What does it do?

Preserves useful defaults, unlike many CSS resets.
Normalizes styles for a wide range of elements.
Corrects bugs and common browser inconsistencies.
Improves usability with subtle improvements.
Explains what code does using detailed comments.

Browser support

Google Chrome (latest)
Mozilla Firefox (latest)
Mozilla Firefox 4
Opera (latest)
Apple Safari 6+
Internet Explorer 8+


阅读 4.8k
2 个回答

这其实是由于各个浏览器对于css的默认样式不一致的问题,如果你依赖于默认样式,或者说为使用防御式css,那么你需要用reset或者normalize,reset先于normalize,会将样式全部重置,其实reset和normalize的思想是一样的,就是统一浏览器默认样式,reset侧重的重置有些暴力,normalize向前了一步,修复浏览器与标准不一致的地方。
我们最先用的reset可能就是 *{margin:0,padding:0}了

StackOverflow当然也有用

图片描述

我能想到的不用reset/normalize的场景好像只有email内容,原因不是不需要而是用不了……

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题