css图片大小修改 |css相对定位页面底部空白

方法一：通过width和height属性

img {
width: 50%;
height: auto;
}

这个方法可以给所有图片设置相同的尺寸，通过修改属性值来实现不同大小装载。width属性控制宽度，height属性控制高度，上述代码会将所有图片宽度设为父元素的50%。

方法二：通过background-size属性

div {
width: 500px;
height: 500px;
background-image: url("example.jpg");
background-size: cover;
}

这个方法不需要使用img元素，可以通过将图片用作背景图案，通过CSS调整背景尺寸来实现大小控制。背景图案需要设置在一个容器元素上，使用background-image属性设置背景图片，然后通过background-size属性控制尺寸。cover选项可以让图片完全填充容器元素。

方法三：通过max-width和max-height属性

img {
max-width: 100%;
max-height: 100%;
}

这个方法可以在图片宽高比发生变化时，保持图片不变形。max-width和max-height设为100%，图片宽高比比容器元素大时，会自动缩小图片。

综上所述，通过CSS可以灵活地调整图片大小，不仅方便使用，而且可以更好地适应各种移动设备。