update

2017-08-17 19:35:13 +08:00
parent a6c6133bc1
commit 59d3b6bc0c
9 changed files with 1312 additions and 65 deletions
--- a/02-CSS/浏览器的兼容性问题.md
+++ b/02-CSS/浏览器的兼容性问题.md
@@ -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>
+```