好玩游戏网

全部频道

您的当前位置：首页使用CSS3的scale实现网页整体缩放_javascript技巧

使用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 + ")");
});



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


显示全文