我正在尝试找到一种创建响应式图像映射的方法。现在我正在尝试使用这个jquery插件(https://github.com/stowball/jQuery-rwdImageMaps)
问题在于(据我所知) - 我无法将图像显示为宽度:100% -
因此,例如,如果我的图像宽度为1200像素,而我的屏幕为1500像素 - 则会有一个300px的空白空间,图像无法填充。但是,它会缩小。它不会扩大(超出原始尺寸)以适应100%的大型显示器。
有什么想法吗?
答案 0 :(得分:3)
除了更改JS之外,你可以像这样在CSS中定位img:
img[usemap] {
width:100% !important;
max-width: none !important;
height: auto !important;
}