rpxを使用するユニアプリに関して、フォントと他のスタイルはiPadで互換性がありません

土曜日にようやく、安定版を開発したiOSアプリのiOS版をApp Storeに提出してレビューを依頼することにしました。今朝メールが届き、却下されました。問題の1つは次の図に示すように、ユーザーエクスペリエンスに影響を与えるiPadディスプレイに問題があります。

しばらく変な感じがしました。明らかにrpxを使用しました。iPhoneやその他の携帯電話では問題ありませんでした。iPadでフォントが肥大化したのはなぜですか。ユニアプリの公式ウェブサイトを確認したところ、次の文章が見つかりました。 「」

ここでは、rpxの使用を強調する必要があります。

モバイルデバイスには多くの画面幅もあり、デザイナーは通常、750pxの画面幅に従ってのみ画像を作成します。現時点でrpxを使用する利点は、さまざまなモバイルデバイスの画面幅に大きな違いがないことです。750pxの微調整ズーム効果と比較して、デザイナーのデザインは可能な限り復元されます。

ただし、画面幅が750をはるかに超えるため、PC画面、またはパッドの水平画面状態でモバイルデバイスから分離されると。現時点では、画面幅に応じてrpxが変化する結果は、予想外であり、ひどいものです。「」

そして、pages.jsonのglobeStyleでrpxの次のパラメーターを構成するように求められます。

{
  "globalStyle": {
    "rpxCalcMaxDeviceWidth": 960, // rpx 计算所支持的最大设备宽度,单位 px,默认值为 960
    "rpxCalcBaseDeviceWidth": 375, // rpx 计算使用的基准设备宽度,设备实际宽度超出 rpx 计算所支持的最大设备宽度时将按基准宽度计算,单位 px,默认值为 375
    "rpxCalcIncludeWidth": 750 // rpx 计算特殊处理的值,始终按实际的设备宽度计算,单位 rpx,默认值为 750
  },
}

ただし、追加した後は機能せず、rpxCalcMaxDeviceWidthを0に設定した後に機能することがわかります。

もちろん、ユニアプリの公式Webサイトにも後で説明があります。「上記の構成の最初の2つ、つまりrpxCalcMaxDeviceWidthとrpxCalcBaseDeviceWidthを使用すると、rpxを使用した後、ワイドスクリーンでインターフェイスが非常に大きくなるという問題を効果的に解決できます。不要これら2つのパラメーターの値を具体的に定義する場合は、pages.jsonで構成する必要はなく、デフォルト値の960と375を維持するだけです。」

具体的には、実際の状況に応じてrpxCalcMaxDeviceWidthとrpxCalcBaseDeviceWidthの値を調整して画面幅を調整する必要があります。

元のリンク:https//www.xubingtao.cn?p = 2650

私の公開アカウントに従って、毎日あなたに役立つあらゆる種類の情報を公開してください。

おすすめ

転載: blog.csdn.net/xubingtao/article/details/111474266