uniapp开发h5，设置页面最大宽度

分类：uni-app

uniapp开发的h5页面，在pc端打开时，怎么能设置显示的最大宽度为750px，现在直接通过pc打开页面太大了，在App.vue里面设置body{max-width: 750px; margin: 0 auto;}可以实现，但是页面的文字大小依然是按照浏览器窗口大小来计算的，并不是按照750px来计算的。

2020-08-12 21:32 负责人:无分享

3 个回复

8***@qq.com

在APP.vue下面第一行加上以下代码就会自适应了
var timer_id = 0;
if (typeof window != 'undefined') {
if (window.innerWidth > 750) {
window.innerWidth = 750;
timer_id = setInterval(function() {
//适配尺寸
var el = document.querySelector('html');
var n = Number(el.style.fontSize.replace('px', ''));
if (n > 30) {
el.style.fontSize = '30px';
clearInterval(timer_id);
}
}, 100);
}
}