子DIVを親と一緒に拡張することは可能ですか？いくつかの深刻なアドバイスが必要です

Question

私は一日中this designを達成しようとしています。 メディアクエリで残りの部分を修正できる特定のポイントに比例してスケールダウンするには、画面上のすべてのコンテンツが必要です。 バックグラウンドサイズで縮小するメインのコンテンツボックスを得ることができます：contains; しかし、ボックス内のコンテンツを縮小しようとすると、ブラウザウィンドウのサイズを変更すると、より速く縮小されたり、中心がずれたり、ちょうどボックス外に出たりします。 私はあらゆる種類のものを試して、ナッツのようにグーグルをしてきました - 私はフレックスボックスを試しましたが、同じ結果で終わります。

私は自分のコードを提供する必要はありません。なぜなら、私は四角形に関係なく、私のコードを提供する必要はありません。これを達成する方法はありますか？ 私はコード作成に関してはかなり初心者レベルです。

ありがとうございます！

Answer 1

この1つで猫を肌にする方法がたくさんあります。たとえば、スケールと言ったときに、レスポンシブルデザインを指していますか？そうであれば、あなた自身のものを作るか、またはbootstrap、またはsemantic uiのような一般的なものを使用するか、それらの行に沿ったものを使用する必要があります。

スケーリングを行うことを単に求めているのであれば、パーセント、em、remなどの柔軟なCSS測定を使用するだけで簡単に達成できます。

代表的なサンプルを投稿するには、特定のコード例が多すぎます。

しかし、あなたは一定の幅を設定しないと、一般的に限り、その後、彼らはまだ、問題のあなたの「ベストショット」を思い付く私は