如何指定图片大小，使其在iPhone和安卓浏览器上缩放为100%宽度？

Question

我正在开发我的第一个移动网站。设计非常简单--几乎没有图形。有一个页面允许用户按邮政编码搜索退休社区。搜索结果页面只是找到的社区的列表，每个社区都有打开单个社区页面的链接。

所有作品文件，除了...客户端现在希望在该社区的特定页面上显示每个社区的图像。无论用户是在纵向模式还是横向模式下观看，图像都需要覆盖整个屏幕的宽度，并且需要在iPhone和android浏览器上以相同的方式工作。

如何指定图像大小以使其以这种方式工作？

编辑后添加:我确实已经有了一个viewport标记，但是尽管它正确地设置了文本和HTML/css元素的大小，但它对图像没有任何影响。

Answer 1

      <img src="source" width="100%" />

或

     <img src="source" style="width:100%" />

或

 <style>
  .full
  {
  width: 100%;
  }
  </style>
 <img src="source" class="full" />

应该做好这项工作；

Answer 2

尝试使用

.img {
    max-width: 100%;
}

Answer 3

试试这个；它似乎适用于iPhone和黑莓-尽管对安卓系统不是很好-在body标签上添加了图像的宽度和高度。然后，移动浏览器将放大到图像大小。