javascript - 通过调整窗口大小来缩放和维护 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 (如果这符合您的需要)。