ホームページ > ウェブフロントエンド > CSSチュートリアル > div の高さと幅を比例的にスケーリングする方法

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

零到壹度
リリース: 2018-03-29 13:48:21
オリジナル
9199 人が閲覧しました


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

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

高さ: 0;

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

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

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート