javascript - 响应式图像 - 在不同的屏幕尺寸上调整图像大小

Question

我正在使用 http://www.getskeleton.com/在我网站的框架上。我想让图像在不同的屏幕尺寸上调整大小，例如iPhone。有谁知道最简单的方法吗？我已经进行了谷歌搜索，并给出了太多的选择，不知道哪个是最好的。我所追求的是随着屏幕变小，将图像更改为更小的图像。

Answer 1

这是一个棘手的问题:设计社区设计了很多方法，每种方法各有优缺点。没有“完美”的(我/e 一个带有媒体查询的新 img 标签，但是 working group 正在解决这个问题)

Ma 最喜欢的方法是此处描述的方法:http://headlondon.com/our-thoughts/technology/posts/creating-responsive-images-using-the-noscript-tag

您必须调整他们的脚本，因为它是一个 ruby​​ 助手 gem，而不是普通的 html/js。