| 使用js还原浏览器的缩放 | 您所在的位置：网站首页 › js缩放比例代码是什么 › 使用js还原浏览器的缩放 |
|
移动端，使用手机浏览器打开一个网页，双指可以进行网页的缩放，非常方便 1：缩放前 2：缩放后 3：有没有一种方法，可以还原到原始状态呢。 目前发现一种方法，动态修改viewport,head 中增加标签 使用js 脚本 document.getElementById('view1').setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no');4：完整代码块 网页缩放 网页缩放 使用双指进行缩放，点击恢复按钮，恢复到100% Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. Nam liber tempor cum soluta nobis eleifend option congue nihil imperdiet doming id quod mazim placerat facer possim assum. document.getElementById('btn_restore').addEventListener('click',function(){ document.getElementById('view1').setAttribute('content', 'width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no'); });4：兼容性与缺陷 目前浏览器内核，基本上都是基于谷歌,目前测试的是，兼容微信和谷歌浏览器。 safari 浏览器不兼容，暂时还没有找到完善的解决方案。 另外是还原后，不能再进行缩放了，除非刷新页面。 |
| CopyRight 2018-2019 实验室设备网 版权所有 |