我正在构建一个非常基本的“Hello World”HTML / CSS站点，以便从头开始编写代码（以前我在很大程度上依赖于Dreamweaver的试错！）。
我的笔记本电脑上的一切看起来都不错，但我想测试网站在移动浏览器上的显示效果，所以我将网站文件夹保存到我的Dropbox并尝试从我的Android手机加载主页。
页面加载完美但我拥有的图像没有 - 我只是得到替代文字。这是Android的本机浏览器和Opera移动设备的情况。
我已经尝试了.jpg和.gif文件类型，并且还添加了另一个线程中建议的固定宽度，高度和边框值（这会改变alt文本占位符的形状，但这就是全部）。我还在<img>标签的尾部添加了一个'/'，但无济于事。
我很惊讶这对于这样一个基本页面来说是一个问题，但是我已经在我正在使用的教科书中对我的所有代码进行了三重检查，所以我不知道该怎么办，除了发布在这里！
相关图片的HTML如下：
<div id="banner"><img src="750x262PxBanner.gif" width="100%" alt="banner"></div>
除了padding-top: 10px之外，我没有这个div的CSS，并且图像与它所在的页面位于同一文件夹中 - 正如我所说这是一个非常基本的网站，它在我的笔记本电脑上看起来很好！ / p>
提前感谢任何建议。
答案 0 :(得分：1)
尝试从smartphone访问图片的网址，并检查图片是否正确加载（访问.../750x262PxBanner.gif而不是.../index.html）：智能手机的URI可能不正确，或者不支持文件格式。
重命名图片以避免区分大小写（例如仅使用小写）。
否则，请尝试不要使用 [0-9] 来启动图片的名称。
答案 1 :(得分：0)
一些建议：
<img src="750x262PxBanner.gif" width="750px" height="262px" alt="banner">
（并没有多大意义，但可能在极少数情况下工作）