1

我正在构建一个非常基本的“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>

我没有这个 div 的 CSS padding-top: 10px，并且图像与它所在的页面位于同一个文件夹中 - 正如我所说，这是一个非常基本的站点，它在我的笔记本电脑上看起来不错！

提前感谢您的任何建议。

4

2 回答 2

1

尝试从您的 访问图片的 URL smartphone，并检查图像是否正确加载（访问.../750x262PxBanner.gif而不是.../index.html）：可能是智能手机的 URI 不正确，或者文件格式不受支持。

重命名图片以避免区分大小写（例如仅使用小写）。

否则，尽量不要以 . 开头的图片名称[0-9]。

于 2013-05-02T12:08:12.920 回答
0

几点建议：

  1. 尝试以像素为单位给出该图像的宽度和高度并重新检查。像这样<img src="750x262PxBanner.gif" width="750px" height="262px" alt="banner"> （没有太大意义，但可能在最罕见的情况下工作）
  2. 尝试放置绝对图像路径以了解加载是否存在问题。
  3. 尝试将图像重命名为横幅或不带数字的东西。（再次，真的没有多大意义，但可能会或可能不会工作）
  4. 尝试使用某些主机托管文件或在某些 FTP 上上传相同的文件
于 2013-05-02T12:04:13.563 回答