好的,我正在制作一个有两侧的布局。左边是 30%,右边是 70%。我有一个宽屏显示器,所以所有的图像都将显示我想要的方式,并且还有足够的空间。但是在较低的分辨率和最常见的 1024x768 上,我制作的图像对于左侧来说太大了,并且超出了右侧的边界。我如何使图像自动调整大小以适应较小的分辨率?
CSS
#left {
float:left;
width:30%;
height:100%;
position:fixed;
padding:20px;
}
#right {
float:right;
width:70%;
height:100%;
position:absolute;
padding:40px 20px;
}
#left img {
??
}