Chrome 到底是出来搅局的?还是出来搅局的.

[qiuai]

刚完成了一个网站,忙的要死要活的.在我的IE,FF,CHROME上测试都正常了.然后就交付了.
不到一个小时.客户就发了一张chrome的截图给我.说你看你做的烂东西,都错位了...

然后我就傻掉了..再检查一次还是没问题啊...

然后要到了客户的chrome版本.结果他的是33.说是最新版本.我的是35.也是最新...

这也就罢了...不管怎么样我都是无法重现这个BUG...我要去下载一个33号的版本来么?

这还只是我遇到的chrome很烦人的一点而已...其他比如说行高永远跟别的浏览器不一样,默认字体的显示也跟其他浏览器不一样...
还会出现各种奇怪的BUG.比如说如果把<button></button>中间的文字去掉,就会在下面的两个元素中间出现一条莫名其妙的间隔.加上文字就好了...

我在想是不是该有个什么组织出来抵制Chrome的乱玩行为了...?

请不要对此表示太多关注,我只是想知道到底有没有人跟我一样遇到这种版本不同显示效果就完全不一样然后会产生奇怪错位的问题.

[P233]

"行高永远跟别的浏览器不一样"

firefox 没给固定行高时，会向上继承行高并上下添加 1px，没法 reset，最好的办法是使用 font-size 属性的时候同时使用 line-height 即使是 line-heigh: 1

normalize 也修正了 firefox 给 input button 等添加默认 margin 的行为

每个浏览器的隐性默认值都会会造成在其他浏览器中的差异，有时候相差 1px 就错行了。 推荐看看 Bootstrap 作者 mdo 最近整理的 WTF 系列

http://wtfhtmlcss.com/
http://wtfforms.com/

至于 Button 的问题，猜测有标签没闭合

[Sivan]

* {} 不会影响效率，只不过重置层级太多，而且样式覆盖过度把不需要重置的也重置了。

建议用 normalize.css

[ryanyu104]

我也遇到过 已经reset过 应该就是版本问题

[qiuai]

@ryanyu104 总算找到跟我遇到一样问题的人了...唉...

[ryanyu104]

@qiuai 想想IE你就知足吧