Compartilhamento de tecnologia

한어Русский язык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