这是利用CSS 3 新有的属性来实现的
不支持IE8及以下版本。。其他都支持。。
$(function(){//窗口位置
setInterval(function(){
var ww = $(window).width(),//显示器的宽
wh = $(window).height(),//显示器的高
wrapW=$("#wrap").width(),//页面body的宽度
wrapH=$("#wrap").height();//页面body的高度度
scaleW=ww/wrapW;//宽比例
scaleH= wh/wrapH;//高比例
$("#wrap").css('transform','scale('+scaleW+','scaleH')');
},10)
})
这是在制作页面的时候是全屏的,在其他显示器上缩放也是全屏的。但是里面所有的内容页会跟着一起缩放。
所以这种就会照成在小分辨率下图片和字体就非常小。但是为了全屏。这是看需求的。