[分享]css3怎么调图片大小

CSS3提供了丰富的样式来对图片进行调整，其中调整图片大小是最常使用的样式之一。调整图片大小的样式包括：width、height、maxwidth、maxheight、minwidth、minheig...

CSS3提供了丰富的样式来对图片进行调整，其中调整图片大小是最常使用的样式之一。调整图片大小的样式包括：width、height、max-width、max-height、min-width、min-height等。

img{
    width: 100px; /*设置图片宽度为100像素*/
    height: 80px; /*设置图片高度为80像素*/
    max-width: 500px; /*设置图片最大宽度为500像素*/
    max-height: 400px; /*设置图片最大高度为400像素*/
    min-width: 50px; /*设置图片最小宽度为50像素*/
    min-height: 40px; /*设置图片最小高度为40像素*/
} 

在使用这些样式时，可以根据设计需求选择合适的大小来适应不同的场景。

另外，CSS3还提供了一些新的单位来对图片进行调整，比如vw、vh，它们分别表示视窗宽度的百分之一和视窗高度的百分之一，相对于传统的像素单位，更加灵活和直观。

img{
    width: 50vw; /*设置图片宽度为视窗宽度的50%*/
    height: 30vh; /*设置图片高度为视窗高度的30%*/
} 

通过使用这些样式和单位，我们可以灵活地对图片进行调整，实现更好的设计效果。