uniapp页面适配平板

针对uniapp页面适配平板的问题，可以采用以下两种方法：

1.使用js判断设备类型并设置全局变量，然后在样式中使用该变量进行适配。具体代码如下：

// 判断是否是平板
uni.getSystemInfo({
  success: (res) => {
    console.log("屏幕尺寸：", res.windowWidth, res.windowHeight)
    if(res.windowWidth > 500){
      Vue.prototype.pad = true
    }else{
      Vue.prototype.pad = false
    }
  }
});

在样式中使用该变量进行适配，例如：

/* 全局字体大小 */
html{
  font-size: 28rpx;
}
/* 平板字体大小 */
@media (min-width: 768px){
  html{
    font-size: 56rpx;
  }
}

2.使用媒体查询进行适配。具体代码如下：

/* 全局字体大小 */
html{
  font-size: 28rpx;
}
/* 平板字体大小 */
@media (min-width: 768px){
  html{
    font-size: 16rpx;
  }
}

在App.vue中设置全局样式即可。