js获取分辨率和缩放页面的方法

JavaScript022

js获取分辨率和缩放页面的方法,第1张

var screen = window.screen//获取分辨率

screen.width；//获取分辨率的宽度

screen.height；//获取分辨率的高度

//页面缩放比例设置方法

document.getElementsByTagName('body')[0].style.zoom=0.67//该方法将页面设置比例调整为67%

1、压缩js和css

2、压缩页面代码，删除无用的注释代码或者空行之类的

3、网页中的图片能压缩小尽量压缩小或者使用云存储图片然后引用

4、合并小图标

5、网页使用gzip压缩

6、能使用文字或者纯背景色的尽量使用，不要用图片

这样应该就差不多了。

你可以让顶部导航栏和其他部分分处不同的层，然后你只需要对其他部分所处的层进行缩放处理，导航栏不动，这样就实现你的目的了。比如：

<div class=head>这是顶部导航栏</div>

<div class=body>这是其他主体部分</div>

然后js代码就可以这样：

$("div.body").css({"transform":"scale(0.8)","transform-origin":"50% 0"})