响应式图像映射 - 不会比原始图像大比例缩放

Question

我正试图找到一种方法来创建响应式图像映射。现在，我试图用这个jQuery插件（https://github.com/stowball/jQuery-rwdImageMaps）

的问题是，（从我可以告诉） - 我不能让图像显示为宽度：100％ -

因此，例如， ，如果我的图片宽度是1200像素，我的屏幕是1500像素 - 图像不会填充300px的空白区域。但是，它会缩小。它不会放大（超出原来的尺寸）以适应100％的大屏幕显示器。

有什么想法？

Answer 1

除了将JS，你可以在目标的CSS IMG这样的：

img[usemap] { 
    width:100% !important; 
    max-width: none !important; 
    height: auto !important; 
}