ホームページ > ウェブフロントエンド > htmlチュートリアル > div+css は、images_html/css_WEB-ITnose の均等なスケーリングを実現できますか?

div+css は、images_html/css_WEB-ITnose の均等なスケーリングを実現できますか?

WBOY
リリース: 2016-06-24 12:15:14
オリジナル
1385 人が閲覧しました

div+css は画像の均等なスケーリングを実現できますか?具体的にはどうやって実装すればいいのでしょうか?


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

いいえ、画像が切り取られるだけです (一定の縮尺ではありません)。
JSを使用して解決できます。JSバージョンで質問することをお勧めします。

均等スケーリング?恣意的な切断ではないですか?元の体の比率に応じて、画像の高さを設定して楽しんでください。

jsを使ってマウスのスクロールに合わせて画像の幅と高さを変更している人もいるようですが、効果は確かにあまり良くありません

はい。 CSS であっても JS であっても、固定長または高さが指定されている限り (どちらかを選択し、同時に両方を選択することはできません)、元の長さと高さの比率に従って自動的に拡大縮小されます。

また、パーセンテージなどの相対的なサイズを使用することもできます。

CSS で % を使用しますが、歪みを避けるために最大値が必要です
プロフェッショナルなポイントは、流体/弾性画像 Google と呼ばれます

ズーム: 1 はズームなしを意味し、ズーム: 0.8 は 80% 縮小を意味します

はい。 CSS であっても JS であっても、固定長または高さが指定されている限り (どちらかを選択し、同時に両方を選択することはできません)、元の長さと高さの比率に従って自動的に拡大縮小されます。
+1
高さと幅が同時に定義されていない限り、同じ比率で拡大縮小できます

div の幅と高さが変更する img より大きい限り、サイズを変更できます画像の幅と高さを変更することで変更できます

画像にはmax-width属性があります。親コンテナdivの幅に設定してみてください

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