ここから本文です
ホームページ制作スタッフのブログ
和歌山を中心にホームページ制作をしています。新着情報や役立つ情報をお届けします

書庫全体表示

スマホで見た時に画像が横幅いっぱいに表示されるように設定した
時に、画像が拡大されすぎて画質が低下してしまうことがあります。
それを避けるには、CSSで下記のように指定します。

<例>横250pxのバナーをスマホで横幅100%に設定
(HTML)
<div class="banner"><img src="banner_img.jpg"></div>

(CSS)
.banner img{
 width:100%;
 max-width:250px;
 height:auto;
}

max-width を使うと、指定した幅以上に拡大されません。



和歌山のホームページ制作はスタジオなび


この記事に

本文はここまでですこのページの先頭へ
みんなの更新記事