html浏览器兼容性问题总结,常见的浏览器兼容性问题(小结)

浏览器的兼容性无非还是样式兼容性(css)，交互兼容性(javascript)，浏览器 hack 三个方面。

样式兼容性(css)方面

(1) 因为历史原因，不同的浏览器样式存在差异，可以通过 Normalize.css 抹平差异，也可以定制自己的 reset.css，例如通过通配符选择器，全局重置样式。

* { margin: 0; padding: 0; }

(2)在CSS3还没有成为真正的标准时，浏览器厂商就开始支持这些属性的使用了。CSS3样式语法还存在波动时，浏览器厂商提供了针对浏览器的前缀，直到现在还是有部分的属性需要加上浏览器前缀。在开发过程中我们一般通过IDE开发插件、css 预处理器以及前端自动化构建工程帮我们处理。

浏览器内核与前缀的对应关系如下

主要代表的浏览器

内核

前缀

IE浏览器

Trident

-ms

Firefox

Gecko

-moz

Opera

Presto

-o

Chrome和Safari

Webkit

-webkit

交互兼容性(javascript)

html浏览器兼容性问题总结,常见的浏览器兼容性问题(小结)相关推荐

常见的浏览器兼容性问题大汇总
所谓的浏览器兼容性问题,是指因为不同的浏览器对同一段代码有不同的解析,造成页面显示效果不统一的情况.在大多数情况下,我们的需求是,无论用户用什么浏览器来查看我们的网站或者登陆我们的系统,都应该是统一的 ...
前端开发中常见的浏览器兼容性问题及解决方案
文章目录前言一.浏览器四大内核二.主流兼容问题 (一)浏览器引擎 (二)兼容问题的原因 (三) 为什么浏览器会存在兼容性问题? (四)处理兼容问题的思路 1. 要不要做? 2. 做到什么程度? ...
常见的浏览器兼容性测试工具
常见的浏览器兼容性测试工具有以下几种 IETester 这是我最先用的测试浏览器兼容性的工具,想必也是大家用的最多的一个,IETester是一个免费的Web浏览器调试工具,可以模拟出不同的js引擎来帮 ...
常见的浏览器兼容性问题总结（有自己遇到的还有网上大神总结的）
常见的浏览器兼容性问题总结 1. 不同浏览器的标签默认外补丁margin和内补丁padding不同发生概率:100% 解决方案:使用CSS通配符*,设置内外补丁为0 *{ margin: 0; pa ...
常见的浏览器兼容问题
来源于: http://developer.51cto.com/art/201008/218335.htm 浏览器兼容问题一:不同浏览器的标签默认的外边距和内边距不同问题症状:随便写几个标签,不加样 ...
四种常见的浏览器内核简介----JS城市选择控件
一四种常见的浏览器内核简介 Gecko: Gecko: Netscape6开始采用的内核,后来的Mozilla FireFox (火狐浏览器) 也采用了该内核,Gecko的特点是代码完全公开,因此, ...
兼容性测试主要测的浏览器
测兼容性,主要测试的浏览器如下: 其实说到底也就是四个主流浏览器 1. IE8以上,360极速/ 安全浏览器.搜狗(Trident内核) 2. 火狐(Gecko内核) 3. google(Blink内 ...
CSS常见的浏览器兼容汇总
CSS常见的浏览器兼容汇总一.从浏览器内核的角度来看,浏览器兼容性问题可分为以下三类: 1.渲染相关:和样式相关的问题,即体现在布局效果上的问题. 2.脚本相关:和脚本相关的问题,包括JavaSc ...
常见的浏览器兼容问题及解决方案
1 浏览器内核不同浏览器的内核也不尽相同,所以各个浏览器对网页的解析存在一定的差异. 常见的浏览器内核: 浏览器名称内核 IE Trident内核,也称IE内核 Chrome(谷歌) 以前是Web ...

html浏览器兼容性问题总结,常见的浏览器兼容性问题(小结)

html浏览器兼容性问题总结,常见的浏览器兼容性问题(小结)相关推荐

最新文章

热门文章