超级会员免费看
本文探讨了浏览器兼容性问题，特别是在HTML页面显示效果上的差异。通过了解主流浏览器内核，如Trident、Gecko、Presto、Webkit和Blink，可以理解为何不同浏览器间存在差异。针对margin和padding解析不一致、浮动元素在IE6的margin问题以及小高度标签高度异常等常见问题，提供了相应的CSS解决方案，如使用通配符选择器、display:inline和overflow:hidden等。此外，还分享了一些解决CSS布局中padding、margin、height和width问题的技巧。
表象问题：同一个HTML页面，在不同浏览器上的显示效果不一样。
问题分析：由于浏览器的内核不一样，每个浏览器对标签的解释都有自己的规则，因而会造成显示效果不一样，称之为浏览器不兼容。对浏览器兼容问题，一般分，HTML，Javascript兼容，CSS兼容。 其中html相关问题比较容易处理，无非是高版本浏览器用了低版本浏览器无法识别的元素，导致其不能解析，所以平时注意一点就是。
1、浏览器了解
现在国内常见的浏览器有：IE、Firefox、QQ浏览器、Safari、Opera、Google Chrome、百度浏览器、搜狗浏览器、猎豹浏览器、360浏览器、UC浏览器、遨游浏览器、世界之窗浏览器等。但目前最为主流浏览器有五大款，分别是ie,Edge浏览器（属于微软），火狐，谷歌（chrome）、Safari和Opera五大浏览器。
- Trident内核：IE浏览器、360浏览器、猎豹浏览器、百度浏览器。
- Gecko内核：火狐，这个浏览器内核是开源的浏览器内核，插件非常多。缺点：打开速度慢（加载flash插件）。
- Presto内核：Opera7及以
订阅专栏 解锁全文
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
