WeChatミニプログラムRPXユニット

rpx単位はWeChatアプレットのCSSのサイズ単位であり、rpxは画面幅に応じて調整できます。指定した画面幅は750rpxです。たとえば、iPhone6 では、画面幅が 375px で、合計 750 物理ピクセルがある場合、750rpx = 375px = 750 物理ピクセル、1rpx = 0.

WeChat アプレット サイズ単位

rpx 単位は、CSS のサイズ単位です。 WeChat アプレット、rpx は画面幅に応じて適応できます。指定した画面幅は750rpxです。たとえば、iPhone6 では、画面幅が 375px で、合計 750 物理ピクセルがある場合、750rpx = 375px = 750 物理ピクセル、1rpx = 0.5px = 1 物理ピクセルとなります。

ミニプログラムのスタイルインポート

/** common.wxss **/.small-p {  padding:5px;
}

/** app.wxss **/
@import "common.wxss";.middle-p {  padding:15px;
}

• <view style="color:{{color}};" />

  ログイン後にコピー

• <view class="normal_view" />

  ログイン後にコピー
  cssセレクターWeChatアプレットで現在サポートされているセレクターは次のとおりです:
  selectorサンプルサンプルの説明.class .intro クラスを持つすべてのコンポーネントを選択します="intro"#id#firstname id="firstname"のコンポーネントを選択elementviewすべてのビューコンポーネントを選択element、elementviewチェックボックスすべてのドキュメントとすべてのチェックボックスコンポーネントのビューコンポーネントを選択します::afterview::afterビューコンポーネントの後にコンテンツを挿入します::beforeview ::beforeコンテンツを挿入ビューコンポーネントの前 アプレットのグローバルスタイルとローカルスタイル app.wxss で定義されたスタイルはグローバルスタイルであり、すべてのページに適用されます。ページの wxss ファイルで定義されたスタイルはローカル スタイルであり、対応するページにのみ適用され、app.wxss 内の同じセレクターをオーバーライドします。
  WeChat ミニ プログラム rpx ユニットに関連するその他の記事については、PHP 中国語 Web サイトに注目してください。