ここから本文です

レスポンシブウェブデザインについての質問です。 初めてスマホ用のホームページ...

fbk********さん

2019/9/419:41:21

レスポンシブウェブデザインについての質問です。
初めてスマホ用のホームページに挑戦しています。

横幅いっぱいの画像に、
img {
width:100%;
max-width: 100%;
height: auto;
}
を記載したところ、サイズに応じて画像が収縮しましたが、
<ul id="nav">
<li><a href=""><img src="image/Shome.gif" alt="" class="nav1" /></a></li>
<li><a href=""><img src="image/Stitel_01.gif" alt="" class="nav2" /></a></li>
<li><a href=""><img src="image/Stitel_02.gif" alt="" class="nav2" /></a></li>
<li><a href=""><img src="image/Stitel_03.gif" alt="" class="nav3" /></a></li>
</ul>
この様に4つ並べて記載すると画像が収縮しません。
何か解決方法はあるでしょうか?
初心者の為ご指導よろしくお願い致します。

閲覧数:
23
回答数:
1
お礼:
50枚

違反報告

ベストアンサーに選ばれた回答

プロフィール画像

カテゴリマスター

ama********さん

2019/9/421:00:42

ビューポートは設定してますか?
各画像の横幅は どうなってますか?

返信を取り消しますが
よろしいですか?

  • 取り消す
  • キャンセル

質問した人からのコメント

2019/9/5 17:45:36

なんとか自力で解決できました
またよろしくお願い致します

この質問につけられたタグ

みんなで作る知恵袋 悩みや疑問、なんでも気軽にきいちゃおう!

Q&Aをキーワードで検索:

Yahoo! JAPANは、回答に記載された内容の信ぴょう性、正確性を保証しておりません。
お客様自身の責任と判断で、ご利用ください。
本文はここまでです このページの先頭へ

「追加する」ボタンを押してください。

閉じる

※知恵コレクションに追加された質問は選択されたID/ニックネームのMy知恵袋で確認できます。

不適切な投稿でないことを報告しました。

閉じる