css 图片缩放读取 |css中的 valid

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

大家可以在CSS中使用max-width属性来控制图片的最大宽度。这样，当一个大图片被加载进来时，它会自动调整大小以适应它容器的大小。

同时，大家可以使用height: auto;属性，让图片的高度与其宽度相适应，从而保持图片的比例不变。这样可以避免图片失真或拉伸。

background-image: url(图片地址);
background-size: cover;
background-repeat: no-repeat;

如果大家使用CSS来控制背景图片的大小，则可以将图片作为背景图片，并使用background-size: cover;属性来控制背景图片的规模。

这样，背景图片会自动调整大小，填充其容器的整个区域。这样一来，大家就可以在不同的设备上让图片看起来更美观。

总之，使用CSS可以轻松地控制图片的大小和位置，使网站更加美观和易读。大家只需设置以下两个属性：max-width和height: auto;，即可让图片自适应其容器。同时，在缩放背景图片时，使用background-size: cover;属性，使其自适应不同大小的容器。