在调整窗口大小时调整DIV大小但保持纵横比

Joe*_*oey 3 javascript css css3

我的页面中有一个DIV元素,我希望在调整窗口大小时调整大小,但保持方形宽高比.我想将宽度设置为浏览器宽度的50%,并将高度设置为等于宽度.我怎样才能做到这一点?

如果解决方案需要Javascript,那么我不想使用jQuery.

man*_*ams 7

在css和window.onresize事件中使用width:50%调整大小.看一看

http://jsfiddle.net/536UJ/