個人的な意見: 2 つの大きな円で構成されるグラフィックの位置決めなどの大きなコンテナの場合、単位として rem を使用できますが、リソース、機器、人員などの一部の内部詳細は使用できます。 。 。これらの小さなアイコンをレム単位で設定せず、ピクセルを使用して配置することをお勧めします。自身で設定する測位距離はそれほど大きくないため、実際にはpxとremで計算される値に大きな違いはなく、単位としてpxを使用してもデバイスによっては混乱が生じることはありません。

キャンバスにするのがオススメ

正方形のレイアウトに属さないため、円形や不規則な要素が多い場合は、開発効率を考慮して、いくつかのクラシックなサイズ（または顧客数が最も多いサイズ）で画像を作成することをお勧めします。他の解像度も近くで調整できます。

クリックする必要がない場合は、画像を直接作成できます。クリックまたは操作する必要がある場合は、自分で書くことができます

ブラウザは大きく異なります。お使いのデバイスで視聴するだけです。ウィンドウに固定幅を与えて、自動的に伸縮させることができます

1 つのデザイン ドラフトに依存して 1 つの画面に画像を作成し、さまざまなデバイスに適応させるのは単なる妄想です。16:9 の画像は 4:3 デバイスに完全に適応できるわけではありません。また、さまざまなブラウザーも混在しています。 、WeChat などのいくつかの厄介なアプリを選択するだけです。完全に適応するには多額の費用を費やすべきでしょうか、それとも許容範囲内でダウングレードするべきでしょうか。 一般に、簡単に 1 つの画面にでき、ほとんどのデバイスに適応できるページには、比較的小さなコンテンツが含まれており、背景は複雑な画像ではありません。

あなたのようなものは明らかにインターセプトされます。スクロールバーを作成するか（実際には何もないと思います）、コンテンツの位置を手動で調整する必要があります。実際、rem を使用することに問題はありません。重要なのは、固定範囲があるかどうかです。私の H5 のほとんどは、フレックス レイアウトと同様に rem で書かれています。

例: 位置を計算するときは、デザイン ドラフト上の位置に基づいて計算する必要があります。----- 写真の位置が左の場合: 320 ピクセル、上: デザイン ドラフトの 80 ピクセル (幅 750)。フォントサイズ: 120px; 位置が 320/750 = 0.107rem であると仮定します。
ブラウザウィンドウのレイアウトに関係なく、コンテナの幅が 750px (最大幅: 6.25rem) であることを確認してください。コンテナの変更点は常に比例的に拡大縮小されます。今後は、メディア HTML のフォント サイズのみが必要になります

私のプロジェクト #container http://lonelymoon.linux2.jiuh... の style.css とcustom.css をご覧ください。

パディングトップ: パーセンテージ