div の高さと幅を比例的にスケーリングする方法

この記事では主に div の高さと幅の比例的なスケーリングを実現する方法について説明します。これは良い参考値であり、皆様のお役に立てれば幸いです。編集者をフォローして見てみましょう。

1. オプション 1: レスポンシブに実行します。具体的な設定は、どのようにレスポンシブに表示するかによって異なります。ここで少しトリックを使用する必要があります。パディングをパーセンテージで測定する場合は、コンテナの幅を基準にして計算されるため、高さを 0 に設定すると、コンテンツが自然にオーバーフローします。

高さ: 0;

幅: 50%;
padding-bottom: 30%
この div のアスペクト比は 30%:50% になります

以上がdiv の高さと幅を比例的にスケーリングする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。