js设置页面缩放 jq控制页面缩放比例


js设置页面缩放 jq控制页面缩放比例 有时候我们需要对页面进行缩放,比如讲课用的,年龄稍微大一些的人使用的网页,需要对整个页面进行放大;

火狐浏览器对zoom属性兼容不是很好,直接使用zoom:1 zoom:2 这样的写法,兼容太差;


下边的代码会帮到你:

// js页面放大
function js_zoom_set (size) {
    if(!size) size = 1;
     document.body.style.zoom = size;
     document.body.style.cssText += '; -moz-transform: scale(' + size + ');-moz-transform-origin: 0 0; ';     //
}
调用方法:
js_zoom_set(1.1); // 放大1.1倍
js_zoom_set(1); // 还原


原来的效果;

图片.png

执行放大后的效果;

图片.png

上一篇 下一篇

评论



最新评论

daliangzao_qq_com: 1112 查看原文 12月03日 10:57
PHP笔记: ypengchao@126.com 查看原文 06月26日 11:38
PHP笔记: 用数据库 查看原文 06月26日 11:37
网站/shl设计: 如果关闭浏览器了,session就没有了呀。再打开浏览器不就可以重新登陆了。 查看原文 05月28日 15:26
网站/shl设计: 站长怎么联系你有给问题请教。 查看原文 05月28日 15:25

分享

扫一扫,快速分享到微信

赞助商