応答するjqpuzzleイメージを取得できません

jqpuzzleクラスを使用して画像をスライドパズルに変換しています。このすべてがうまくいきます。唯一の問題は画像を反応的にしたいことです。応答するjqpuzzleイメージを取得できません

私は、ページに次のCSSコードを追加しようとしているが、それは何の違いjquery.jqpuzzle.full.jsページで

img { 

max-width: 100%; 
height: auto; 
}

を行うものではありません、次のコード行があります。これはもともとオートに設定されていますが、単に元のサイズで画像を保って、私は50％に値を変更した場合、それは画像などの元のサイズの50％になります。しかし、私はできないた

$srcImg.css({width: '50%', height: '50%', visibility: 'visible'});

それを反応させる方法を見つける。

この

$srcImg.css({width: '50%', height: 'auto', visibility: 'visible'});

2017-05-07 00:48:21 noyanc

感謝を試していないが、それはまだ同じだ決して、うまく高さが調整さが、幅はブラウザで収縮しない、もともと彼らは両方とも自動に設定されたが、それは応答しませんでしたまったく。 –

それは変です。親要素の50％にする必要があります。 Whatsは親要素の幅です。 – noyanc

イメージのサイズは650pxですので、実際には縮小していません。事前定義されたサイズはなく、それでも同じですが、親divを取り外しました。 –

答えて