html - 媒体查询中宽度为 100% 的图像

Question

我在宽度为 820px 的 div 中有一个宽度为 100% 的图像。当我将图像缩小到 iPad 和 iPhone 5 的屏幕尺寸时，图像会缩小到，但在那个尺寸下，我希望图像是屏幕尺寸宽度的 100%。

我已经尝试在媒体查询中使用 100% 的宽度，但图像永远不会缩放到全宽。

在平板电脑和智能手机中，哪个是最好的全屏响应图像？考虑到我使用的是最大宽度为 960px 的网格（骨架网格：http ://www.getskeleton.com/ ）

谢谢。

Answer 1

宽度为 100% 的图像将是其父级的 100% 宽度。所以是的，如果父级是 820px 宽，那么这就是图像的宽度。如果父级是 960px 宽，那么这就是图像的宽度。

因此，您需要在媒体查询中更改父 div 的宽度（可能与您将图像设置为 100% 宽度的相同）。