我希望移动网站的所有图片都是640px宽，基于iPhone的屏幕尺寸。
显示img { width: 100%; height: auto; }时，所有图像都应该是屏幕的整个宽度。
对于宽度小于640像素的图像，使用上面的CSS进行缩放是否更好，或者我应该使用Photoshop或其他东西来缩放实际图像？它甚至有所作为吗？
使用CSS缩放图像会导致图像质量比使用Photoshop更大或更差的图像质量更大吗？
答案 0 :(得分：0)
向上缩放图像并不能很好地满足所述图像的质量要求，您需要在这一点上理清您的优先级。您可以处理这些图像并在Photoshop中增加这些图像的质量和大小，这样在调整大小时不会失去任何质量，但这会增加页面加载或者您可能会丢失一些质量，但会改善页面加载，但是更小但更糟糕图像。
答案 1 :(得分：0)
如果你真的想要完美地定位每个设备（计算机与移动设备），你可以使用javascript来切换图像。使用http://foundation.zurb.com/docs/components/interchange.html或类似的库可以非常轻松地完成此操作。
如果图像是图形或图标，我可能会建议只使用它们而不是使用它们，因为它们在更大范围的分辨率下清晰。如果你选择这个选项，最好将它们的大小设为两倍。