画像adaptive_html/css_WEB-ITnose

WBOY
WBOYオリジナル
2016-06-21 08:54:43910ブラウズ

フロントエンド ページで作業していて、div ブロックのサイズを固定しましたが、挿入した画像が div で定義されたサイズよりも大きいです。画像を適応させるにはどのようにコードを記述すればよいですか。この div のサイズまで?


ディスカッションへの返信 (解決策)

画像修正画像のサイズを変更するか、背景として設定します

画像のサイズ、適切なブルーム率を制御するための js を記述します

max-height:100%; max-width:100%;

width:100 %;height:auto;


width:auto;height:100%;

背景画像を挿入し、background-size: value 属性を設定できます。 ;
この値は 3:1.width (高さはデフォルトで自動)、値は px です。
2.cover;
3.contain の場合もあります。

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