El proyecto móvil vue+vant+rem se adapta a la configuración del borrador de diseño de 750px

La página móvil se desarrolla usando vue, el marco de la interfaz de usuario usa vant, el borrador del diseño es de 750 px y la unidad es remanente.

vant se desarrolla de acuerdo con el borrador del diseño de 375 px, y se utiliza la unidad Si configura la raíz Si el tamaño de fuente es 37,5, el borrador del diseño no se puede restaurar. Si el tamaño de fuente es 75, el componente vant se hará más pequeño.

Estoy muy angustiado. Después de algunas búsquedas, puedo resolver perfectamente el problema configurando el archivo .postcssrc.js de la siguiente manera

module.exports?=?({?file? }) ?=>?{

?let?isVant?=?file?&&?file.dirname?&&?file.dirname.indexOf("vant")?>?-1;

?let?rootValue?=?isVant37.5?:?75;?//?Condiciones de juicio. ¿Ajuste usted mismo

?return?{

complementos:? {

?autoprefixer:?{

overrideBrowserslist:?['Android?4.1',?'iOS?7.1',?'Chrome?>?31',?'ff? >? 31',?'ie?>=?8']

?},

?"postcss-pxtorem":?{

rootValue: ?rootValue,?//El resultado es: tamaño del elemento del borrador de diseño/75, ancho del borrador de diseño?750, la página final se convertirá a?10rem?

unitPrecision:?5,?//Retener decimal lugares

propList:?["*"],

///youzan/vant/issues/1181#issuecomment-487305533

//selectorBlackList:? ["van-" ],?//(array) Selector para ignorar y mantener como px. ?Nombre de clase filtrada

minPixelValue:?2?//?(Number) Establecer el valor mínimo de píxel a reemplazar?Solve?1px?problem?//Todos los estilos más pequeños que la configuración no se convertirán< / p>

?}

}

?}

}

Referencia?///p/20dad3f93216