判断显示器分辨率，并实现网页缩放，类似于浏览器缩小比例的js代码

JavaScript023

判断显示器分辨率，并实现网页缩放，类似于浏览器缩小比例的js代码,第1张

我有个方法，js我就不写了，说下思路

zoom 来设置页面的缩放，比如 body{zoom:0.8} 就是以0.8的比例缩小页面，

var h = document.body.clientWidth //获得屏幕宽度

document.getElementsByTagName('body').style.zoom=1920/h

我没有试过，你自己试试看

<html>

<head>

<style>

html,body{width:100%height:100%margin:auto 0pxpadding:auto 0pxtext-align:center}

.imgBox, .imgBox img{width:100%height:100%}

</style>

</head>

<body>

<div class="imgBox">

<img src="1.jpg" />

</div>

</body>

</html>

如上代码可以实现，把图片换一下就OK了，希望可以帮到你。