Skip to content
On this page

大屏解决方案

解决方案使用 transform 来缩放。

计算好相应的倍数

javascript
// 获取 window 的高度
var clientH = window.innerHeight;

// 初始 window 与 body 的比值
var ratio = clientH / document.body.clientHeight;

使用动画进行按比例缩放

javascript
transform: 'scale(' + ratio + ')'

测试地址:https://imondo.cn/files/full-srceen/

相关源码:地址

更新

使用上面方案可能存在白边情况,推荐使用 autofit.js

积硅步,至千里。

公众号码不停指,欢迎关注。

参考: