Compartir tecnología

한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina

A las potentes unidades adaptativas upx y rpx exclusivas de uni-app no ​​se les pueden asignar soluciones dinámicamente...

uni-app utiliza upx como unidad de tamaño predeterminada, que es una unidad relativa al ancho base y se puede adaptar según el ancho de la pantalla. uni-app especifica el ancho base de la pantalla 750upx.

Los desarrolladores pueden calcular el valor upx de los elementos de la página a través del ancho base del borrador del diseño. La fórmula de conversión entre 1px del borrador del diseño y 1upx del estilo del marco es la siguiente:
Borrador de diseño 1px / Ancho base del borrador de diseño = Estilo de marco 1upx / 750upx

Por ejemplo:
Si el ancho del borrador de diseño es 640 px y el ancho del elemento A en el borrador de diseño es 100 px, entonces el ancho del elemento A en uni-app debe establecerse en: 750 *100/640, y el resultado es: 117upx.
Si el ancho del borrador de diseño es 375 px y el ancho del elemento B en el borrador de diseño es 200 px, entonces el ancho del elemento B en uni-app debe establecerse en: 750 * 200/375, y el resultado es: 400upx.

Como se muestra a continuación, el ancho del borrador del diseño es 1920.

------Según la fórmula设计稿宽度 / 750 = 比率 Luego, 1920/750=2,56 calcula el porcentaje estándar de 750 del borrador del diseño de 1920 de ancho------

Para mayor comodidad, haga clic en Hbuilder X工具>设置>语言服务配置Desplácese hasta el final y hay un px a rpx/upx, coloque la proporción calculada arriba en él

efecto real:

De esta manera, el tamaño de px que ingrese se convertirá automáticamente al tamaño de upx correspondiente.

Solo elige upx