レスポンシブで正方形の縦横比を維持

初めまして、初投稿！
まだまだ勉強中なので、徐々にクオリティを上げていけたらなと...
よろしくお願いします！！

レスポンシブで要素を正方形で維持するのって結構面倒だなーって、
一年前か半年前か...

PC表示の時は幅と高さ決めちゃえば良いんですがレスポンシブだと
デバイスの幅で正方形を維持できない問題、コーディング始めたての時はかなりつまずきました。

解決策が意外となかったので、共有がてら

$(function() {
  function img_rect() {
    var wt = $("li").css("width");
    $("li").css('height', wt);
  };
  $(window).resize(function() {
    img_rect();
  });
  img_rect();
});

rectの縦横比をレスポンシブに合わせて調整してくれます。
要素のwidthを取って、heightに代入するといった感じです。

レスポンシブでインスタグラムやギャラリーなど見せるときおすすめです！