【发布时间】：2012-05-16 23:52:27
【问题描述】：
我在我的网站框架中使用http://www.getskeleton.com/。我希望图像在不同的屏幕尺寸上调整大小，例如苹果手机。有谁知道最简单的方法？我已经进行了谷歌搜索并获得了太多选择，不知道哪个是最好的。我追求的是随着屏幕变小，图像变小。
【问题讨论】：
标签： javascript html css response media-queries
【发布时间】：2012-05-16 23:52:27
【问题描述】：
这是一个棘手的问题：设计界已经设计了很多方法，每种方法都有不同的优缺点。没有“完美”的（即带有媒体查询的新 img 标签，但 working group 正在解决这个问题）
妈妈最喜欢的做法是这里描述的一种：http://headlondon.com/our-thoughts/technology/posts/creating-responsive-images-using-the-noscript-tag
您必须调整他们的脚本，因为它是一个 ruby 辅助 gem，而不是普通的 html/js。
【讨论】：
-
经过一番挖掘，我发现在框架中有一种方法可以做我想做的事。 img.scale-with-grid { 最大宽度：100%;高度：自动； } 感谢您的回复
-
会根据设备分辨率替换你的图片吗？
-
如果这是您的答案，您应该将其添加为答案并接受它，以便其他搜索它的人可以找到它。
你会发现
img.scale-with-grid {max-width: 100%;height: auto; }
只需在您的图像中使用“scale-with-grid”，它就可以解决问题
【讨论】：
-
我找到了 img.scale-with-grid {width: 100%;height: auto; } 效果更好