当宽度会根据用户的屏幕尺寸而变化时,如何将 div 的高度设置为宽度的一半?
我在 div 上有以下设置...
#div1 {
min-width:400px;
width:100%;
max-width:1200px;
height:400px;
background-color:red;
}
宽度可以正常工作,如果屏幕太窄,它会锁定在 400 像素,如果屏幕太大,它也会停止扩展 1200 像素。但是,我也希望在任何给定时间将高度更改为宽度的一半。就像是...
#div1 {
min-width:400px;
width:100%;
max-width:1200px;
height:width/2;
background-color:red;
}
这没有奏效(我并没有真正期待它)。
如果可能的话,我更喜欢使用 CSS,但是如果用户也手动调整互联网窗口的大小,我也希望改变高度(比如目前宽度会发生什么)。我不确定CSS是否可行,但是,如果有办法通过Jquery实现这一点,我也很乐意使用它。
谁能帮我?