通过调整窗口大小来缩放和维护DIV位置

Question

当使用jQuery调整浏览器窗口大小时，如何缩放和维护DIV位置？

这是我到目前为止所做的。但并不完全符合我的需要。定位错误。

$(window).resize(function(){    
 for(i=1;i<3;i++){    
  var p = $('#dv'+i);
  var offset = p.offset();    
  var newwidth = $(window).width() / ($('#dv'+i).width());
  var newheight = $(window).height() / ($('#dv'+i).height());

  $('#dv'+i).height(newheight).width(newwidth);
  $('#dv'+i).offset({ top: offset.top, left: offset.left});
 }
});

Answer 1

我不建议使用javascript进行大小调整，而是尝试使用此技术 - http://www.mademyday.de/css-height-equals-width-with-pure-css.html（如果这符合您的需要）。