简评：浏览器兼容性问题经常让人头疼，这里有五个避免这些问题的小技巧。1.为CSS3样式添加前缀如果您正在使用任何一种现代CSS片段，例如box-sizing或background-clip，请确保使用适当的前缀。-moz-/*Firefox和其他使用Mozilla浏览器引擎的浏览器*/-webkit-/*Safari、Chrome和使用Webkit引擎的浏览器*/-o-/*Opera*/-ms-/*InternetExplorer（但不总是)*/2。通过重置，您可以使用normalize.css，下面是我使用的来自GenesisFrameworkStyleSheet的内容。html,body,div,span,applet,对象,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,abbr,acronym,address,big,cite,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,图例、表格、标题、tbody、tfoot、thehead、tr、th、td、article、aside、canvas、details、embed、figure、figcaption、footer、header、hgroup、input、menu、nav、output、ruby、section、summary,time,mark,audio,video{border:0;margin:0;padding:0;vertical-align:baseline;}3.避免padding宽度当你添加一个元素宽度的padding时，它会变得更大。宽度和填充将一起添加。要解决此问题，请添加：*{-webkit-box-sizing:border-box;/*Safari/Chrome,其他WebKit*/-moz-box-sizing:border-box;/*Firefox，其他Gecko*/box-sizing:border-box;}4。清除浮动如果不清除，很容易出错。如果您有兴趣，可以查看ChrisCoyier的这篇文章。这个CSS片段可以用来清除：..wrap:after{content:"";display:table;clear:both;}完成！5.测试创建你自己的跨浏览器基础设施或者只使用Endtest。如果你养成这些习惯，你可能可以解决90%的浏览器问题。
