使用CSS3的scale实现网页整体缩放_javascript技巧



今天学习了一下QQ邮箱的网页整体缩放效果，原来实现方法很简单，代码如下：
代码如下:









$(function() {
var r = document.body.offsetWidth / window.screen.availWidth;
$(document.body).css("-webkit-transform","scale(" + r + ")");
});
$(window).resize(function() {
var r = document.body.offsetWidth / window.screen.availWidth;
$(document.body).css("-webkit-transform","scale(" + r + ")");
});



改变窗口大小试试，你会发现什么？