如题，用户的屏幕和分辨率有很多组合，比如有如下几种常见的组合：
1.14寸，1366*768
2.14寸，1920*1080
3.22寸，1920*1080
我们的网站（其实是个Web App，一个epub阅读器,网址是neat-reader.com）在如上几个情况下展示效果截然不同，在某些屏幕下效果正好，比如22寸-19201080的组合，但是在某些情况下就显得太大，比如14寸-1366768。其实在后者中，通过浏览器自带的缩放功能，可以调整到一个合适的比例，让网站的体验更好。
请问，有什么方法可以“不让用户动手”，全靠JS代码来自动针对不同的屏幕情况，设置一个合适的缩放比例呢？
多谢
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
3
698
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
改用rem？然后js计算修改html的font-size?
<script>
/ 长宽占位 rem算法, 根据root的rem来计算各元素相对rem, 默认html 320/20 = 16px /
function placeholderPic(){
var w = document.documentElement.offsetWidth;
document.documentElement.style.fontSize=w/20+'px';
}
placeholderPic();
window.onresize=function(){
placeholderPic();
}
</script>
考虑兼容的话就写JS就好，之前我也做过类似的事情:
1) 分别在初始化和页面大小变化的时候对页面按照下列步骤进行缩放
不过我缩放的是页面的内容区,也就是无论你的显示器多少尺寸,我只缩放我认为是页面主要内容的DOM
元素。
--------update--------
看错了,原来是WEBAPP,那还是按照楼上说的rem形式写吧