Question

我用html5 做了个手机网站 如何让图片本身100%放大

我用html5 做了个手机网站 其中
<img src="xx.jpg" width="100%"/>(这里的100%的针对手机屏幕的)
我如何点击这个图片，让这个图片 本身 100%放大，然后拖动屏幕来浏览。

Answer 1

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来监听处理对应的函数）

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

Answer 2

img{width:100%;}，这就是图片的本身宽度。

Answer 3

写一个js就好了

追问

怎么写？

追答

给图片加个id属性，加个onclick()事件

function dj(){
document.getElementById("img").width="200%";
}

也不知道行不行，我是新手

Answer 4

width改为图片的宽度