うーん・・・

スマホのChromeで自作Webの画象が表示されない

締切済

質問者：お魚の嫌いな猫
質問日時：2018/01/24 12:59
回答数：1件

同好会メンバーへの連絡ため、スマホ用webサイトの立ち上げを計画しています。
PCで、以下のようなHTMLデータを作成し、スマホに転送（SDカードのdocuments）してChromeで開いたのですが、なぜかmap01.jpgが表示されません（Root-Mapの文字が表示されている）。

画像データはHTMLと同じフォルダにあり、ファイル名も間違いありません。ボタンのタップで、aaaa()は正しく動作します（<p>～</p>を読み上げる）。グーグルドライブに同じデータを転送し、Chromeで開いて見ましたが、全く同じ状況です。

PCのChromeでは正常に表示され、ブラウザの幅に応じて画像幅も変わります。どこに問題があるのでしょうか？　おわかりの方、よろしくお願いします。

なお、使用環境は、以下のとおりです。
PC＝windows7(Pro,32bit), Corei7-3520M, RAM4GB, Chrome＝63.0.3239.132
スマホ＝Android7.0.0, RAM2GB, Chrome＝63.0.3239.111

<!DOCTYPE html>
<html>

<head>

<meta name="viewport" content="width=device-width">

<title>Title</title>

<script>

function aaaa(){ }

</script>

</head>

<body>

<h1>例会のお知らせ</h1>

<p>来月の例会は、◯◯駅前の☆☆で開催します</p>

<img src = "map01.jpg" width = "100%" alt = "Root-Map">

<br>

<button onclick = "aaaa()">読む</button>

</body>

</html>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (1件)

最新から表示
回答順に表示

No.1

回答者： whtg001
回答日時：2018/01/24 20:02

①イメージファイルもHTMLファイルの階層にcopyしましたか？

②
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<img src = "./map01.jpg" alt = "Root-Map">
</body>
</html>
でどうですか？

- 0
- 件

通報する

この回答へのお礼

>①イメージファイルもHTMLファイルの階層にcopyしましたか？

はい、どちらも同じ階層（フォルダ）にcopyしました。②も試してみましたが、スマホでは画像が表示されませんでした（PCでは正常に表示されます）。
どうも、スマホのChromeで画像の表示がブロックされているような気がするのですが、特定のサイトの画像を表示したり非表示にしたりする設定はあるのでしょうか？

通報する

お礼日時：2018/01/24 22:44

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！