使用uni-app开发的H5页面,为了根据屏幕宽度自适应,我们一般都采用官方推荐的动态单位rpx,但是在PC端展现的时候可能出现文字等相关元素太大,导致页面错乱或不美观。
解决方案很简单,在自定义的h5 template文件head中,修改<script></script>中的代码:
<script>
document.addEventListener('DOMContentLoaded', function() {
window.innerWidth = Math.min(window.innerWidth, 750)
document.documentElement.style.fontSize = window.innerWidth / 20 + 'px'
})
</script>
具体也可以查看这篇文章:uni-app H5 平台在 PC 端实现适配
9 个评论
要回复文章请先登录或注册
2***@qq.com
DCloud_heavensoft
冉娃娃
LetmeCode
LetmeCode
阿赖
ijiangruyi
ijiangruyi
9***@qq.com