vue desarrolla gestión en segundo plano y se adapta a diferentes dispositivos

Hoy estamos desarrollando un sistema de gestión de backend. Durante la fase de aceptación, los usuarios deben usar pad para las operaciones de navegación.

Utilice rem directamente para adaptarse.

Baidu ha probado muchos métodos, pero ninguno. de ellos son adecuados

Más tarde, probé todo tipo de cosas y finalmente funcionó, regístrelo

1. postcss npm install postcss --save

2. postcss-pxtorem npm install postcss-pxtorem --save

3. Postcss npm install postcss --save //convierte px a rem en css

2.install lib-flexible --save //establecerá dinámicamente el tamaño de fuente raíz del html

*Si ocurre un error postcss-pxtorem, intente instalar la versión 5.1.1

Después de la instalación, configure. el archivo postcss.config.js

iii. Luego coloque el archivo de entrada main.js directamente en

iv. Agregue la configuración a vue.config.js (debe reiniciar el proyecto). después de cambiar esto)

v. Agregar configuración a vue.config.js (debe reiniciar el proyecto después de cambiar esto)

vi. Hay otra idea aquí, que es compruébalo en el blog. Debes modificar el código fuente de lib-flexible

Se encuentra en node_modules/lib-flexible/flexible.js

Una vez completado, reinicia el proyecto

Tenga en cuenta que el ancho y el alto del estilo no tendrán efecto si es un estilo en línea.

Tenga en cuenta que si el estilo es un estilo en línea, su ancho y alto no tendrán efecto.