android - 手机上的图片不会显示

Question

我为 friend 建立了一个网站，它在计算机浏览器上运行良好，但在移动设备上它不显示一张图像(其他图像工作正常)。这至少在 iPhone 浏览器和三星上是这样银河 4 浏览器。在诺基亚手机上，图像显示正常。

我实际上是在其他设计师工作的基础上建立这个网站的，但据我所知，没有为移动浏览器嵌入任何特定的 javascript。

以下 HTML 和 CSS 对应于未显示的图像:

<div id="main-content-left-container">
        <ul id="left-bullets">
            #Some bullets
    </ul>
    <img id="ups-map" src="./images/ups-map.jpg">  #Problem here
</div>


#ups-map {
  display: block;
  margin: 20px auto;
  height: 200px;
  width: 280px;
}

#ups-map:hover {
      height: 300px;
      width: 400px;
}

img {
  max-width: 100%;
  height: auto;
  width: auto\9;
}

有人知道这可能是由什么引起的吗？

Answer 1

试试这个:http://jsfiddle.net/rvf9R/

    <div id="main-content-left-container">
        <ul id="left-bullets">
            <li>bullet</li>
            <li>bullet</li>
            <li>bullet</li>
            <li>bullet</li>
        </ul>

        <div id="ups-map">
            <img src="http://pittsburghjedi.com/wp-content/uploads/2012/09/LOG-ren-and-stimpy-1552749-1280-1024.jpg" />
        </div>
    </div>


    <style>
    img { max-width: 100%; }

    #ups-map {
    display: block;
    margin: 20px auto;
    height: 200px;
    width: 280px;
    }

    #ups-map:hover {
        height: 300px;
        width: 400px;
    }
    </style>