浏览器兼容问题
-
不同浏览器默认的标签padding和margin不一样。
可以统一设置全局padding和maigin为0,或者引用normalize.css -
谷歌浏览器在中文界面下,会将小于12px的文本强制转化为12px
解决办法,可以设置css,webkit-text-size-adjust: none解决 -
块属性标签float浮动后,又存在横向的margin的情况下,IE浏览器margin会加倍
解决办法,添加css样式display:inline,设置为行内元素 -
几个img标签放在一起会有间距,使用通配符清除间距都没用
解决办法,font-size:0 -
设置小于10px的高度,显示的高度大于设置的高度
解决办法,给标签设置超过高度overflow:hidden,或者设置行高line-height小于设置的高度