图片的高度和宽度设置为100％，无法在Android浏览器中正确调整大小。

Question

我有以下html：

   <div class="product-view row" data-id="505019">
   <a href="http://dev.shopious.com/items/505019/Kode--A032Bahan--spandex-korea-HQUkuran--fit-to-LRp69000">
      <img class="img-responsive" src="http://distilleryimage4.s3.amazonaws.com/6f1400c6a9cc11e3b5a512abfd23a3f4_6.jpg" data-src="http://distilleryimage4.s3.amazonaws.com/6f1400c6a9cc11e3b5a512abfd23a3f4_6.jpg" width="100%" height="100%">
   </a>
   </div>
</div>

我实质上希望图像根据容器的宽度和高度进行调整。 因此，我设置了width="100%" and height="100%" 。

这在大多数主流浏览器（例如chrome，firefox，opera甚至Opera mini）上都可以正常工作。

但是，当我在Android浏览器上尝试此操作时，它陷入混乱。 为什么是这样？ 这里是链接到我的网站在这里 。

Answer 1

使用style="width:100%; height:100%;" 代替。

在这两种情况下，请确保父元素设置了恒定的大小，因为100％应该是某物的100％。 如果父元素没有宽度，则100％的内容仍为零。

主流浏览器具有默认的用户代理样式，它们可以自行设置父大小，因此100％可以使用，我不确定在其上测试过的移动浏览器是否具有用户代理样式，但您应始终正确进行设置而不依赖默认样式。