响应式图像映射 - 不会比原始图像大小更大

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;
}