この問題についてはよく知っているはずですが、混乱して諦めてしまうでしょう_html/css_WEB-ITnose

今朝、このブログ記事を書こうと決めていたのですが、夜帰宅したときに突然稲妻が頭を襲ったので、この馴染みのある、混乱し、最終的にはあきらめた問題を一時的に2つの部分に分けることにしました。最初の部分は質問の提起に関するものであり、私はあらゆる分野の英雄たちにそれらに答えてもらうことを心から歓迎します。そして 2 番目の部分は答えに関するものであり、私は 1 週間以内に答えます。

これ以上のおしゃべりはやめて、本題に直行しましょう:

要件は次のとおりです:

• 3 つのオレンジ色の円のサイズは 60px で固定です
• すべてのギャップは等しい、つまり 4 つを次のように割ります。 3 つのオレンジ色の円の間隔は等しくなります
• モバイル側に適用します。黄色全体が全画面幅です (したがって、ここでの画像のサイズは実際のサイズではありません。例: iPhone 5 は 320px、6 は 375px、6sは 414px など)
• Android 4.0 以降と互換性あり (Android 4.3 の属性計算はサポートされていないことがひっそりと明らかにされました)
• html & css (no js)

imweb グループ (179045421) で議論できます。 w3cplus グループ (1041263)、sass グループ (78142855)、または回答を投稿してください 私のメールアドレスに送信してください ['623059526', 'qq.com'].join('@')