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

时间:2012-11-29 15:24:53

标签: javascript jquery html jquery-plugins

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

问题在于(据我所知) - 我无法将图像显示为宽度:100% -

因此,例如,如果我的图像宽度为1200像素,而我的屏幕为1500像素 - 则会有一个300px的空白空间,图像无法填充。但是,它会缩小。它不会扩大(超出原始尺寸)以适应100%的大型显示器。

有什么想法吗?

1 个答案:

答案 0 :(得分:3)

除了更改JS之外,你可以像这样在CSS中定位img:

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