Was ist der Unterschied zwischen rpx und px im Miniprogramm?

青灯夜游
Freigeben: 2022-02-09 11:59:25
Original
26884 Leute haben es durchsucht

Unterschiede: 1. rpx ist eine relative Längeneinheit, während px eine feste Längeneinheit ist. 2. rpx kann sich an die Auflösung von Mobiltelefonen anpassen und sich an das aktuelle Modell anpassen, während px sich nicht gut an Mobiltelefone mit unterschiedlichen Auflösungen anpassen kann .

Was ist der Unterschied zwischen rpx und px im Miniprogramm?

Die Betriebsumgebung dieses Tutorials: HarmonyOS 2.0-System, WeChat-Version 8.0.19, HONOR V30.

Der Unterschied zwischen rpx und px in Miniprogrammen

In Miniprogrammen wird die Größe im Allgemeinen in px oder rpx gemessen, wobei px der Pixelwert im herkömmlichen Sinne ist, der nicht gut an Mobiltelefone mit unterschiedlichen Funktionen angepasst werden kann Auflösungen. Daher kann sich rpx an die Auflösung des Mobiltelefons anpassen und an das aktuelle Modell anpassen. px ist die absolute Größe.

rpx

rpx (responsives Pixel): kann je nach Bildschirmbreite angepasst werden. Die angegebene Bildschirmbreite beträgt 750 rpx. Auf dem iPhone6 ​​beträgt die Bildschirmbreite beispielsweise 375 Pixel und es gibt insgesamt 750 physische Pixel, dann 750 Pixel = 375 Pixel = 750 physische Pixel, 1 Pixel = 0,5 Pixel = 1 physisches Pixel.

Gerätrpx zu px (Bildschirmbreite/750)iPhone51rpx = 0,42px1rpx = 0,5px1rpx = 0,552pxVorschlag: Designer können das iPhone6 ​​verwenden, wenn Entwicklung von WeChat-Miniprogrammen als Standard für visuelle Entwürfe.
px zu rpx (750/Bildschirmbreite)
1 px = 2,34 rpx iPhone6
1px = 2rpx iPhone6 ​​Plus
1px = 1,81rpx

Hinweis: Auf kleineren Bildschirmen kann es zwangsläufig zu Störungen kommen. Bitte versuchen Sie dies bei der Entwicklung zu vermeiden.

【Verwandte Lernempfehlungen: Mini-Tutorial zur Programmentwicklung

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen rpx und px im Miniprogramm?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!