浏览器兼容问题

  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 @   嘿!那个姑娘  阅读(34)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
历史上的今天:
2021-04-06 闭包、递归、深拷贝浅拷贝
2021-04-06 JavaScript函数this指向
点击右上角即可分享
微信分享提示