Vue con código fuente backend
Adaptación directa a rem
Baidu ha probado algunos métodos, pero ninguno de ellos es adecuado.
Intenté todo más tarde y finalmente lo logré. Grabémoslo.
1. Necesitas instalar 1. npm instala post CSS - guardar.
2.Postcss-pxtorem Instalación de NPM post css-px torem-save//Convierte px en CSS a rem.
3.La instalación de lib-flexible NPM lib-flexible-save//establecerá dinámicamente el tamaño de fuente raíz de html.
*Si postcss-pxtorem informa incorrectamente, intente instalar la versión 5.1.1.
2. Después de la instalación, configúrelo en el archivo postcss.config.js.
3. Luego impórtelo directamente al archivo de entrada main.js
4. Agregue la configuración en vue.config.js (debe reiniciar el proyecto después de la modificación aquí).
5. Hay otra idea que vi de un blogger. Necesito modificar el código fuente de lib-flexible.
En node_modules/lib-flexible/flexible.js, busque
Finalizar y reinicie el proyecto.
Tenga en cuenta que si el estilo está en línea, el ancho y el alto del estilo no tendrán efecto.