minhas informações de contato
Correspondência[email protected]
2024-07-12
한어Русский языкEnglishFrançaisIndonesianSanskrit日本語DeutschPortuguêsΕλληνικάespañolItalianoSuomalainenLatina
As poderosas unidades adaptativas upx e rpx exclusivas do uni-app não podem ser soluções atribuídas dinamicamente...
uni-app usa upx como unidade de tamanho padrão, que é uma unidade relativa à largura da base e pode ser adaptada de acordo com a largura da tela. uni-app especifica a largura base da tela 750upx.
Os desenvolvedores podem calcular o valor upx dos elementos da página por meio da largura base do rascunho do design. A fórmula de conversão entre 1px do rascunho do design e 1upx do estilo do quadro é a seguinte:
Rascunho do projeto 1px / Largura da base do rascunho do projeto = Estilo da moldura 1upx / 750upx
por exemplo:
Se a largura do rascunho de design for 640px e a largura do elemento A no rascunho de design for 100px, então a largura do elemento A no uni-app deve ser definida como: 750 *100/640, e o resultado é: 117upx.
Se a largura do rascunho de design for 375px e a largura do elemento B no rascunho de design for 200px, então a largura do elemento B no uni-app deve ser definida como: 750 * 200/375, e o resultado é: 400upx.
Conforme mostrado abaixo, a largura do rascunho do projeto é 1920
------De acordo com a fórmula设计稿宽度 / 750 = 比率
Então 1920/750 = 2,56 calcula a porcentagem padrão de 750 do rascunho do projeto de largura de 1920 ------
Para maior comodidade clique em Hbuilder X工具>设置>语言服务配置
Role até a parte inferior e há um px para rpx/upx, coloque a proporção calculada acima nele
efeito real:
Desta forma, o tamanho px inserido será automaticamente convertido para o tamanho upx correspondente.
Basta escolher upx