Android 移动网站的图像大小如何才能容纳100%的可用屏幕？

在谷歌搜索了一段时间后，决定使用带有以下标签的420px宽图像

<image href="xxx.jpg" width="100%" />

虽然图像缩放到移动屏幕宽度，但在水平方向（800px）的情况下，图像质量会受到影响

处理这种情况的最佳方法是什么

虽然图像缩放到移动屏幕宽度，但在水平方向（800px）的情况下，图像质量会受到影响

当然。如果你的图像只有420像素宽，当放大到800像素宽时，它看起来就不是特别好了

不同的移动设备具有不同的屏幕宽度。水平放置时，iPhone4的可用像素数为960。我不确定是否有比这更多像素的移动设备

如果您试图最大限度地提高图像的外观，那么您可以：

将图像保留为HTML标记，并使用960像素（或您希望支持的最宽屏幕）宽的图像。屏幕更小的移动设备将缩小图像的比例

将图像作为CSS背景图像插入，并用于为不同的设备提供不同的图像

---

我不确定当设备在横向和纵向之间切换时，第二种方法的效果如何，但我从未尝试过。

您是使用HTML5还是其他方法创建移动网站的？为什么不删除

width

属性？@PareshMayani是的，我正在开发html5/css3移动网络SITE@PareshMayani那太好了。。。感谢您编辑标签。@Sherif:我认为实际上可能支持

：Chrome 15似乎很适合，例如：