ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS 背景をコンテナに合わせて伸縮または拡大縮小するにはどうすればよいですか?

CSS 背景をコンテナに合わせて伸縮または拡大縮小するにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-20 10:14:09874ブラウズ

How Can I Stretch or Scale a CSS Background to Fit Its Container?

CSS 背景の伸縮と拡大縮小

質問: CSS 背景を背景に合わせて伸縮または拡大縮小するにはどうすればよいですか?コンテナ?

答え:

これを実現するには、CSS3 の background-size プロパティを利用できます。

#my_container {
    background-size: 100% auto; /* width and height, can be %, px or whatever. */
}

このプロパティは 2012 年以降、ほとんどの最新ブラウザでサポートされており、幅と高さの両方を制御できます。 背景。幅を 100% に設定すると、背景がコンテナの幅全体に広がるようになります。高さの自動設定は、背景のアスペクト比を維持するために自動的に調整されます。

以上がCSS 背景をコンテナに合わせて伸縮または拡大縮小するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。