媒体查询中宽度为100％的图像

Question

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

我已尝试在媒体查询中使用100％的宽度，但图像从不缩放到整个宽度。

在平板电脑和智能手机中使用全屏宽度拍摄图像效果最佳？考虑到我使用的网格最大宽度为960px（Skeleton grid：http://www.getskeleton.com/）

感谢。

Answer 1

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

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