大屏解决方案
解决方案使用 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
积硅步,至千里。
公众号码不停指,欢迎关注。
参考: