HTML5，height:100%

1：浏览器中body中在没有任何内容撑起来的时候，height高度默认为0；所以要先设置body的大小。不然div的height:100%为0；

2：body的width不需要设置百分百是因为浏览器中body中即使没有任何内容其body的宽度（width）默认为浏览器的窗口宽度也就是；

3：在css代码中经常会出现html,body｛width:100%height:100%｝

1.这里的width给不给都无所谓

2.为什么还要加上html呢？是因为在IE内核的浏览器中是以html为基准的。

4：如果对以上步骤还有不理解或者解答出错的地方欢迎追问，指正。

5：望采纳

html5页面加入这段

<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=2,user-scalable=no"/>

maximum-scale=2 表示页面最大放大2倍，这样你只要双击图片就可以实现放大了，如果是要js来实现的话 那就得写拖动插件了。 原理：先改变图片那个div的宽度为2倍然后定义那个div为绝对定位，这个div可以拖动（需要js来监听处理对应的函数）

所以简单的做还是就用浏览器自带的放大功能吧

---