Quelle est la différence entre rpx et px dans le mini-programme ?

Différences : 1. rpx est une unité de longueur relative, tandis que px est une unité de longueur fixe ; 2. rpx peut s'adapter à la résolution des téléphones mobiles et s'adapter au modèle actuel, tandis que px ne peut pas bien s'adapter aux téléphones mobiles avec des résolutions différentes ; .

L'environnement d'exploitation de ce tutoriel : système HarmonyOS 2.0, WeChat version 8.0.19, HONOR V30.

La différence entre rpx et px dans les mini programmes

Dans les mini programmes, la taille est généralement mesurée en px ou rpx, où px est la valeur du pixel au sens traditionnel, qui ne peut pas être bien adapté aux téléphones mobiles avec différents résolutions. Par conséquent, rpx est apparu

1. rpx peut s'adapter à la résolution du téléphone mobile et s'adapter au modèle actuel

2.

rpx

rpx (responsive pixel) : peut être adapté en fonction de la largeur de l'écran. La largeur d'écran spécifiée est de 750rpx. Par exemple, sur iPhone6, la largeur de l'écran est de 375px et il y a 750 pixels physiques au total, alors 750rpx = 375px = 750 pixels physiques, 1rpx = 0,5px = 1 pixel physique.

Appareil	rpx en px (largeur d'écran/750)	px en rpx (750/largeur d'écran)
iPhone5	1rpx = 0,42px	1 px = 2. 34rpx
iPhone6	1rpx = 0,5px	1px = 2rpx
iPhone6 ​​​​Plus	1rpx = 0,552px	1px = 1,81rpx

Suggestion : les concepteurs peuvent utiliser l'iPhone6 lorsque développer des mini-programmes WeChat En tant que norme pour les brouillons visuels.

Remarque : Il y aura inévitablement quelques problèmes sur les écrans plus petits, veuillez essayer d'éviter cela lors du développement.

【Recommandations d'apprentissage associées : Tutoriel de développement de mini-programmes】

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!