需要准备的材料分别有：电脑、浏览器、html编辑器。
1、首先，打开html编辑器，新建html文件，例如：index.html。
2、在index.html中的<body>标签中，输入html代码（其中icon.png是放大镜图标）：。
<div>
<input type="text" />
<img style="width: 20pxposition: absoluteleft: 140pxtop: 15px" src="icon.png" />
</div>
3、浏览器运行index.html页面，此时输入框右边添加了放大镜。
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来监听处理对应的函数）
所以简单的做还是就用浏览器自带的放大功能吧
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）