mui底部tab 拼合而成的页面
var subpages = ['index.html', '../circle/circle.html', '../noopsyche/noopsyche.html', '../personalCenter/personCenter.html'];
var subpage_style = {
top: '0px',
bottom: '51px',
styles: {
"render": "always",//一直渲染
}
};
iphoneX中出现遮挡底部tab现象,如图，采用js判断屏幕大小方式改变bottom值
if(/iphone/gi.test(navigator.userAgent) && (screen.height == 812 && screen.width == 375)){
subpage_style = {
top: '0px',
bottom: '85px',//34px
styles: {
"render": "always",//一直渲染
}
};
}
疑问：
设置viewport-fit=cover，并设置padding-bottom: constant(safe-area-inset-bottom);等四个值并未出现理想效果。
参考链接：
https://cloud.tencent.com/community/article/686372
https://segmentfault.com/q/1010000011998222/
