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

Question

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

问题是（据我所知）- 我无法将图像显示为 width:100% -

例如，如果我的图像宽度是 1200 像素，而我的屏幕是 1500 像素 - 将会有 300 像素的空白空间，图像不会被填充。但是，它将按比例缩小。它只是不会按比例放大（超出原始尺寸）以适应 100% 的大型显示器。

有什么想法吗？

Answer 1

除了更改 JS，您还可以像这样在 CSS 中定位 img：

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