javascript - レスポンシブ イメージ マップ - 元のイメージ サイズよりも大きくはなりません

Question

レスポンシブ イメージ マップを作成する方法を見つけようとしています。現在、この jquery プラグインを使用しようとしています ( https://github.com/stowball/jQuery-rwdImageMaps )

問題は、（私が知る限り）-画像を幅：100％として表示できないことです-

たとえば、画像の幅が 1200px で画面が 1500px の場合、画像が表示されない 300px の空きスペースができます。ただし、縮小します。大型モニターに 100% 適合するように (元のサイズを超えて) 拡大することはできません。

何かご意見は？

Answer 1

JS を変更する以外に、次のように CSS で img をターゲットにすることができます。

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