Html 媒体查询中具有100%宽度的图像

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

我已经尝试在媒体查询中使用100%的宽度，但图像从未缩放到全宽

在平板电脑和智能手机中，哪一种最适合使图像响应速度达到全屏宽度？考虑到我使用的网格最大宽度为960px（骨架网格：）

---

谢谢。

宽度为100%的图像将是其父图像的100%宽度。是的，如果父对象的宽度是820px，那么这就是图像的宽度。如果父对象的宽度为960px，则图像的宽度为960px

---

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

如果正确使用媒体查询，图像将缩放到100%，但相对于父元素。所以，注意图像的父级在小分辨率下获得100%的分辨率。因此，如果父级图像是一个宽度为820px的div，而这个div有一个宽度为960px的父级div，那么我使用媒体查询来定义这3个元素的宽度为100%？类似的。因为如果要将图像宽度设置为屏幕大小的100%，则每个父对象的宽度必须为100%。若并没有定义块元素的宽度，那个么默认情况下宽度是100%。我已经试过了，但不起作用。html结构是这样的：所以考虑到我在hmtl:中有这样的结构，并且没有定义宽度，我需要在媒体查询中更改2 div和img的宽度？我把宽度也改成最大宽度？没错。通常，当我缩小到手机尺寸时，我的布局会变得流畅。基本上我所有的div和img都设置为100%宽度。如果愿意，您可以更改最大宽度，这取决于您希望它看起来像什么。