Mi informacion de contacto
Correo[email protected]
2024-07-12
한어Русский язык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