jquery - ウィンドウの高さ/幅 Jquery に基づいて高さ/幅を定義します

Question

ウィンドウの幅と高さに基づいて画像の With と Height を定義するにはどうすればよいですか?

変数を設定するようなことを試しました：

    var w_width = $(window).width();  
    var w_weight = $(window).height();  
    var display_x = $('.display img').width();  
    var display_y = $('.display img').height(); 

その後、条件を設定します。

    if (displayx == wwidth) {
        $(displayx).css('max-width',90%);
    } else if (displayy == wheight) {
        $(displayy).css('max-height',90%);
    } else {
        $(displayy).css('max-height',90%);
    }

しかし、機能しないことに加えて、どこから始めればよいかわかりません。

これらのコードをこの Web ページに配置して、ディスプレイの応答性を維持したいと思います (1 つの画像をクリックして画像表示を表示します)。

誰かそれについて何か考えがありますか？