[分享]css中如何把图片固定大小

在网页设计中，图片是重要的视觉元素，通常需要固定图片的大小来使页面更加整洁美观。使用 CSS，可以轻松地将图片固定在特定的尺寸。img { width: 200px; height: 150px; }...

在网页设计中，图片是重要的视觉元素，通常需要固定图片的大小来使页面更加整洁美观。使用 CSS，可以轻松地将图片固定在特定的尺寸。

img {
  width: 200px;
  height: 150px;
} 

上述代码会将所有标签的宽度设置为200像素，高度设置为150像素。这样，无论图片的实际大小如何，都会被拉伸或缩小至相同的尺寸。

如果想要保持图片的原始纵横比例，只需要将宽度设为一个固定的值，高度设为“auto”：

img {
  width: 200px;
  height: auto;
} 

这样，图片的高度会根据它的宽度和原始纵横比例自动调整。

如果想要将页面中所有图片的大小都设置为相同的值，可以使用通配符：

* {
  max-width: 500px;
  height: auto;
} 

在上述代码中，*表示所有的元素都会受到影响，因此所有的图片都会被压缩至最大宽度为500像素，同时高度会根据宽度自动调整。

总之，使用 CSS 可以轻松地固定图片的大小和纵横比例，从而为网页设计带来更好的视觉效果。