2012-11-29 107 views
1

我正試圖找到一種方法來創建響應式圖像映射。現在,我試圖用這個jQuery插件(https://github.com/stowball/jQuery-rwdImageMaps響應式圖像映射 - 不會比原始圖像大比例縮放

的問題是,(從我可以告訴) - 我不能讓圖像顯示爲寬度:100% -

因此,例如, ,如果我的圖片寬度是1200像素,我的屏幕是1500像素 - 圖像不會填充300px的空白區域。但是,它會縮小。它不會放大(超出原來的尺寸)以適應100%的大屏幕顯示器。

有什麼想法?

回答

2

除了將JS,你可以在目標的CSS IMG這樣的:

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

我最終使用{寬度:100%; height:auto;} –