Perbezaan: 1. rpx ialah unit panjang relatif, manakala px ialah unit panjang tetap 2. rpx boleh menyesuaikan diri dengan resolusi telefon bimbit dan menyesuaikan diri dengan model semasa, manakala px tidak dapat menyesuaikan diri dengan baik; telefon bimbit resolusi yang berbeza.
Persekitaran pengendalian tutorial ini: Sistem HarmonyOS 2.0, WeChat versi 8.0.19, HONOR V30.
Dalam program mini, saiz biasanya diukur dalam px atau rpx, dengan px ialah nilai piksel dalam program tradisional , tidak boleh menyesuaikan diri dengan baik pada telefon bimbit dengan resolusi yang berbeza, jadi rpx muncul
1. rpx boleh menyesuaikan diri dengan resolusi telefon bimbit dan menyesuaikan diri dengan model semasa
2. px ialah saiz mutlak.
rpx
rpx (piksel responsif): boleh disesuaikan mengikut lebar skrin. Lebar skrin yang ditentukan ialah 750rpx. Sebagai contoh, pada iPhone6, lebar skrin ialah 375px dan terdapat 750 piksel fizikal secara keseluruhan, kemudian 750rpx = 375px = 750 piksel fizikal, 1rpx = 0.5px = 1 piksel fizikal.
设备 | rpx换算px (屏幕宽度/750) | px换算rpx (750/屏幕宽度) |
---|---|---|
iPhone5 | 1rpx = 0.42px | 1px = 2.34rpx |
iPhone6 | 1rpx = 0.5px | 1px = 2rpx |
iPhone6 Plus | 1rpx = 0.552px | 1px = 1.81rpx |
Cadangan: Apabila membangunkan program mini WeChat, pereka boleh menggunakan iPhone6 sebagai standard untuk draf visual.
Nota: Sudah pasti akan terdapat beberapa gangguan pada skrin yang lebih kecil, sila cuba elakkan perkara ini semasa membangunkan.
[Cadangan pembelajaran berkaitan: Tutorial Pembangunan Program Mini]
Atas ialah kandungan terperinci Apakah perbezaan antara rpx dan px dalam program mini?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!