我在我的网站框架中使用http://www.getskeleton.com/。我希望图像在不同的屏幕尺寸上调整大小，例如苹果手机。有谁知道最简单的方法吗？我已经完成了谷歌搜索并获得了太多选项以了解哪个是最好的。我所追求的是随着屏幕变小，图像被更改为较小的图像。
答案 0 :(得分：1)
这是一个棘手的问题：设计界设计了很多方法，每种方式都有不同的优点/缺点。没有“完美”的一个（我是一个带有媒体查询的新img标签，但working group正在解决这个问题）
Ma最喜欢的方法是这里描述的方法：http://headlondon.com/our-thoughts/technology/posts/creating-responsive-images-using-the-noscript-tag
你必须调整他们的脚本，因为它是一个红宝石帮手宝石，而不是普通的html / js。
答案 1 :(得分：1)
你会找到
img.scale-with-grid {max-width: 100%;height: auto; }
只需在图片中使用“scale-with-grid”，它就可以了解