浏览器兼容问题

  1. 不同浏览器默认的标签padding和margin不一样。
    可以统一设置全局padding和maigin为0,或者引用normalize.css

  2. 谷歌浏览器在中文界面下,会将小于12px的文本强制转化为12px
    解决办法,可以设置css,webkit-text-size-adjust: none解决

  3. 块属性标签float浮动后,又存在横向的margin的情况下,IE浏览器margin会加倍
    解决办法,添加css样式display:inline,设置为行内元素

  4. 几个img标签放在一起会有间距,使用通配符清除间距都没用
    解决办法,font-size:0

  5. 设置小于10px的高度,显示的高度大于设置的高度
    解决办法,给标签设置超过高度overflow:hidden,或者设置行高line-height小于设置的高度

posted @ 2022-04-06 21:11  嘿!那个姑娘  阅读(33)  评论(0编辑  收藏  举报