bgegg

2022/1/16 19:25

11回答

vwで画像のラッパーの高さを指定するとまずいですか？ 画像にはheight100とwidth100を指定しています。

vwで画像のラッパーの高さを指定するとまずいですか？ 画像にはheight100とwidth100を指定しています。 しかし、ブラウザのスケーリング機能を利用しても、画像の大きさは固定されたままです。これは問題がありますか？

HTML、CSS・21閲覧

ベストアンサー

0
ybb********

カテゴリマスター

2022/1/16 20:28

bgeggさん >･･･vwで画像のラッパーの高さを指定するとまずいですか？････････ 具体的な、html ソースリストが無いので、言われている意味が分かりませんが。問題ないと思います。 取り敢えず、ご参考に↓ <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <style> .wrapper{ background:#eee; height:30vw; } .wrapper img{ height:40%; } </style> </head> <body> <div class="wrapper"> <img src="https://s.yimg.jp/images/ks/official/nt/grd/prf_150.png" width="100" height="100" > </div> </body> </html>

bgegg

質問者2022/1/17 9:02

<!DOCTYPE html> <html lang="en"> <head> <style> .wrapper{ display: flex; flex-wrap: wrap; } .emp_image{ border: 4px solid #ff0000; overflow: hidden; flex:3; } .emp_image img{ width: 100%; height: 30vw; object-fit: cover; display: block; } .second{ border:3px solid black; flex: 3; } </style> </head>

画像