Обмен технологиями

адаптационное решение uniapp

2024-07-12

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

Эксклюзивные мощные адаптивные модули uni-app upx и rpx не могут быть динамически назначены решениям...

uni-app использует upx в качестве единицы измерения размера по умолчанию, которая является единицей относительно базовой ширины и может быть адаптирована в соответствии с шириной экрана. uni-app указывает базовую ширину экрана 750upx.

Разработчики могут рассчитать значение upx элементов страницы через базовую ширину черновика дизайна. Формула преобразования между 1 пикселем черновика дизайна и 1upx стиля рамки выглядит следующим образом:
Черновой вариант дизайна 1 пиксель/Ширина основания черновика дизайна = стиль рамки 1 пиксель/750 пикселей

например:
Если ширина черновика дизайна составляет 640 пикселей, а ширина элемента A в черновике дизайна — 100 пикселей, то ширина элемента A в uni-app должна быть установлена ​​равной: 750 *100/640, и результат: 117upx.
Если ширина черновика дизайна составляет 375 пикселей, а ширина элемента B в черновике дизайна — 200 пикселей, то ширина элемента B в uni-app должна быть установлена ​​равной: 750 * 200/375, и результат: 400upx.

Как показано ниже, ширина проектного проекта составляет 1920 г.

Вставьте сюда описание изображения
------По формуле设计稿宽度 / 750 = 比率 Затем 1920/750=2,56 вычисляет стандартный процент 750 от проектной ширины 1920 года ------

Для удобства нажмите в Hbuilder X工具>设置>语言服务配置Прокрутите вниз и увидите от px до rpx/upx, вставьте в него рассчитанное выше соотношение.

Вставьте сюда описание изображения
фактический эффект:

Вставьте сюда описание изображения
Таким образом, введенный вами размер пикселей будет автоматически преобразован в соответствующий размер upx.

Просто выберите upx