vue写ipad的px转换为rem怎么设置

要将iPad的px转换为rem，需要在Vue项目中设置根字体大小（即html标签的字体大小），然后使用rem作为单位编写CSS代码。一般来说，我们会将根字体大小设置为iPad屏幕宽度的1/10，即10vw。具体的设置步骤如下：

1. 在App.vue或main.js中引入以下代码：

// 引入lib-flexible库
import 'lib-flexible'

2. 安装lib-flexible库：

npm install lib-flexible --save

3. 在index.html中设置根字体大小：

<style>
  html {
    font-size: 10vw;
  }
</style>

这样，iPad屏幕宽度为768px时，根字体大小为76.8px，使用1rem等于76.8px。在编写CSS代码时，可以按照设计稿中的px值转换为rem值，例如：

.box {
  width: 200px;
  height: 100px;
  font-size: 16px;
  margin: 20px;
}

可以转换为：

.box {
  width: 2.60416667rem;
  height: 1.30208333rem;
  font-size: 0.20833333rem;
  margin: 0.26041667rem;
}

注意，如果某些元素需要使用px作为单位，可以使用@media查询来针对不同的屏幕宽度设置不同的样式。例如：

.box {
  width: 200px;
  height: 100px;
  font-size: 16px;
  margin: 20px;
}

@media screen and (min-width: 768px) {
  .box {
    width: 300px;
    height: 150px;
    font-size: 20px;
    margin: 30px;
  }
}

在iPad上，当屏幕宽度大于等于768px时，会应用@media中的样式。