Image CSS悬停图像最大宽度：100%不工作

我有两个大的css图像悬停。。。我希望图像的最大宽度为100%（适用于手机）。我可以使div的最大宽度为100%，但是从逻辑上讲，div边缘会切断其中的图像。如何确保div中的图像（在本例中为背景图像）也具有100%最大宽度

演示：

---

提前谢谢

试试，

背景尺寸：自动

链接

这使用背景大小：100%使背景图像填充div，唯一的问题是您必须指定高度和宽度，因为div中没有内容，所以它希望是0px乘以0px
div{width:100%；}img{width:100%；}应该可以工作，还是我误解了？嗯，我使用的不是图像，而是背景图像。也许我可以把它转过来，用img hover代替backgroundimage hover，但我真的不知道如何…你可以用cssabhinav来填充一个div，这似乎不管用。不知怎的，当它变小的时候，它不适应div。。。它仍然保持我为div指定的448px宽度。uhhh？我需要为两个div相邻时的div指定一个宽度，对吗？但他们并非都是50%。。。那么我给最小宽度的值是多少？因为我想在手机上观看网站时它会变小。我可以用javascript鼠标而不是css鼠标来修复它，但我认为这可能会更好。。。但是因为我不能让它工作，我认为它回到了javascript。是的，使用javascript获取屏幕宽度和高度，并使背景大小属性与之相关。