１画像を伸縮できるようにするcss
img{
max-width: 100%;
height: auto;
}
解説
全てのimgタグに適用される。画像は親要素のボックス幅に合わせて伸縮するようになる。
しかし、画像の元々のサイズより拡大することはない。
レスポンシブデザインで画像を扱う場合、ほぼパターンと考えて良い。
↧
レスポンシブデザインcss『画像を伸縮できるようにする』
↧
Channel:
CSSタグが付けられた新着記事 - Qiita
X
Are you the publisher?
Claim or
contact us
about this channel.
X
0
Channel Details:
- Title: CSSタグが付けられた新着記事 - Qiita
- Channel Number: 75438493
- Language: Japanese
- Registered On: October 26, 2019, 6:41 am
- Number of Articles: 8577
- Latest Snapshot: June 8, 2025, 5:43 am
- RSS URL: https://qiita.com/tags/css/feed
- Publisher: https://qiita.com
- Description: QiitaでCSSタグが付けられた新着記事
- Catalog: //qiita73.rssing.com/catalog.php?indx=75438493
© 2025 //www.rssing.com