浏览器兼容问题

最新推荐文章于 2024-05-17 05:09:57 发布

@lwg

最新推荐文章于 2024-05-17 05:09:57 发布

阅读量171

点赞数

文章标签： css html5 html

本文链接：https://blog.csdn.net/lwg112233/article/details/120275987

版权

本文探讨了浏览器的兼容性问题，主要聚焦在CSS和JavaScript方面。内容包括CSS的默认样式、新属性兼容、高度与宽度问题、超链接样式、图片间距及其解决方法。同时，还讨论了JavaScript的事件绑定、事件源对象、获取元素样式、阻止事件冒泡和默认行为以及AJAX的兼容性策略。

摘要由CSDN通过智能技术生成

1.1概念:

不同浏览器的内核不尽相同,各个浏览器对网页的解析存在一定的差异。

浏览器内核主要分为两种，一是渲染引擎 (css兼容)，另一个是js 引擎(js兼容)

5大浏览器：

浏览器	    内核（渲染引擎）
Chrome谷歌	之前Webkit，已改Blink内核
FireFox火狐 	Gecko
Safari苹果	 Webkit
IE	Trident
Opera欧朋	 现已改用Google Chrome的Blink内核

一.css兼容

1..1.默认标签有margin 、padding

解决方法: 1.通配符解决 ,缺点：性能不好

*{
  margin:0;
  padding:0; 
}

2.一般我们会引入reset.css样式重置：在assets文件下新建reset.css ,页面中通过link来引入

1.2. css新属性：浏览器前加前缀 (兼容低版本浏览器)

-moz- /* 火狐浏览器 /
-webkit- / Safari, 谷歌浏览器等使用Webkit引擎的浏览器 /
-o- / Opera浏览器(早

关注