This commit is contained in:
qianguyihao
2017-08-17 19:35:13 +08:00
parent a6c6133bc1
commit 59d3b6bc0c
9 changed files with 1312 additions and 65 deletions

View File

@@ -1,53 +1,29 @@
## 浏览器的兼容性问题
IE 微软的浏览器随着操作系统安装的。所以每个windows都有IE浏览器。各版本如下
- windows xp 操作系统安装的IE6
- windows vista 操作系统安装的IE7
- windows 7 操作系统安装的IE8
- windows 8 操作系统安装的IE9
- windows10 操作系统安装的edge
浏览器兼容问题要出就基本上就是出在IE6、7身上这两个浏览器是非常低级的浏览器。
为了测试浏览器CSS 3的兼容性我们可以在网上搜"css3 机器猫"关键字,然后在不同的浏览器中打开如下链接:
- <http://www1.pconline.com.cn/pcedu/specialtopic/css3-doraemon/>
测试结果如下:
20170711_1939.png
我们可以在[百度统计](http://tongji.baidu.com/data/)里查看浏览器的市场占有率:
IE9 5.94%
IE8 21.19%
IE7 4.79%
IE6 4.11%
我们可以在<http://html5test.com/results/desktop.html>中查看
20170711_1948.png
我们要知道典型的IE6兼容问题面试要问但是做项目我们兼容到IE8即可。不解决IE8以下的兼容问题目的在于培养更高的兴趣和眼光别天天的跟IE6较劲。
### IETester软件
我们可以用
我们在div里放一个img发现
在html和html5中div的长宽是不同的后者的高度要超过几个像素。
比如说下面这个是html的。
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
*{
margin: 0px;
padding: 0px;
}
</style>
</head>
<body>
<div>
<img src="/Users/smyhvae/Dropbox/img/20170813_1143.jpg" alt="">
</div>
</body>
</html>
```