js 控制div 元素 随着窗口的变化，保持长宽比例不变

<script>
   $(document).ready(function(){
 window.onresize=function(){
   //第一种写法
   $(".mapDiv").height($(".mapDiv").width()*0.31);
   //第二种写法
   $(".mapDiv").css("height",$(".mapDiv").width()*0.31);
   //第三种写法
   $(".mapDiv").css("height",$(".mapDiv").width()*0.31+"px");
   }
});
  </script>