ホームページ  >  記事  >  WeChat アプレット  >  ミニプログラムのrpxとpxの違いは何ですか?

ミニプログラムのrpxとpxの違いは何ですか?

青灯夜游
青灯夜游オリジナル
2022-02-09 11:59:2526952ブラウズ

違い: 1. rpx は相対的な長さの単位ですが、px は固定長の単位です; 2. rpx は携帯電話の解像度に適応して現在のモデルに適応できますが、px は携帯電話の解像度にうまく適応できません。異なる解像度、携帯電話。

ミニプログラムのrpxとpxの違いは何ですか?

このチュートリアルの動作環境: HarmonyOS 2.0 システム、WeChat バージョン 8.0.19、HONOR V30。

ミニ プログラムにおける rpx と px の違い

ミニ プログラムでは、通常、サイズは px または rpx で測定されます。px は従来のピクセル値です。センス。解像度の異なる携帯電話にうまく適応できないため、rpx が表示されます

1. rpx は携帯電話の解像度に適応し、現在のモデルに適応できます

2. px は、絶対的なサイズ。

rpx

rpx (レスポンシブ ピクセル): 画面の幅に応じて調整できます。指定した画面幅は750rpxです。たとえば、iPhone6 では、画面幅が 375px で、合計 750 物理ピクセルがある場合、750rpx = 375px = 750 物理ピクセル、1rpx = 0.5px = 1 物理ピクセルとなります。

#デバイスrpx から px (画面幅/750)px から rpx (750/画面幅)#iPhone5iPhone6iPhone6 プラス
1rpx = 0.42px #1px = 2.34rpx
#1rpx = 0.5px 1px = 2rpx
1rpx = 0.552px 1px = 1.81 rpx
提案

: WeChat ミニ プログラムを開発する場合、デザイナーはビジュアル ドラフトの標準として iPhone6 を使用できます。

: 小さな画面では必然的にいくつかの不具合が発生します。開発時にはこれを回避するようにしてください。 [関連する学習の推奨事項:

小さなプログラム開発チュートリアル

]

以上がミニプログラムのrpxとpxの違いは何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。