ホームページ >ウェブフロントエンド >htmlチュートリアル >html_html/css_WEB-ITnose の で画像を拡大縮小する方法

html_html/css_WEB-ITnose の で画像を拡大縮小する方法

WBOY
WBOYオリジナル
2016-06-24 12:08:591634ブラウズ

に背景画像を入れています。画像が大きすぎる場合は一部が表示されますが、小さすぎる場合は自動的に中央に表示されます。画像が大きすぎても小さすぎてもすべて表示されるように設定する方法を教えてください。アドバイスをお願いします。


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

Baidu では、画像を中央に縦横に表示できます

画像に指定された幅を与えます。

1. 画像の幅と高さを固定に設定します
2. jsを使用して画像のサイズを制御します 設定より小さい場合は元のサイズになります。

スパンに書き込むものは、スパンの幅を書き込む必要があります。

幅が最大値より大きい場合は、画像の幅を設定します。最大幅の値を取得し、jquery を使用してそれを実装します。高さ = 実際の高さ/(実際の幅/最大幅)

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