###前提・実現したいこと
スマホサイト、PCクロームで画像を表示させたい。
###質問
(スマホでみると画像が一部表示されません。一瞬見えすぐ消えるような時もあります。
またPCでもfiorfoxは問題ないけどクロームでも消えます。
ブラウザを更新すると、消えてたものが見えて他のものが消える現象もあります。
###発生している問題・エラーメッセージ
スマホ、PCなどで画像が一部表示されない
作成しているソースは下記の通りだが、公開すると src="******"が src のみになってしまう
###該当のソースコード
html <ul class="dekirukoto-bt"> <li class="bt-lp"><a href="#"><img alt="LPガス販売" src="/site_files/image/dekirukoto/bt-lp.png" /></a></li> <li class="bt-jyusetsu"><a href="#"><img alt="住設機器販売" src="/site_files/image/dekirukoto/bt-jyusetsu.png" /></a></li> <li class="bt-taiyoko"><a target="_blank" href="#"><img alt="太陽光発電" src="/site_files/image/dekirukoto/bt-taiyoko.png" /></a></li> <li class="bt-suido"><a href="#"><img alt="上下水道工事" src="/site_files/image/dekirukoto/bt-suido.png" /></a></li> </ul> css .dekirukoto-bt{ overflow: hidden; margin:0 5%; width:90%; } .dekirukoto-bt li{ float:left; width:119px; margin:0.5%; } .dekirukoto-bt li img{ width: 100%; height:auto; } .dekirukoto-bt .bt-alldenka{ margin-left:65px; } @media only screen and (max-width:700px){ .dekirukoto-bt li{ float:left; width:50%; margin:1% 0; text-align:center; } .dekirukoto-bt li img{ width:80%; margin:1% auto; } .dekirukoto-bt .bt-alldenka{ margin-left:0; } .dekirukoto-bt .bt-refo{ margin:0; } }
###試したこと
ブラウザの再読み込み
キャッシュ削除
スタイルシートの書き直しなど
回答1件
あなたの回答
tips
プレビュー