css图片自适应父容器 |css3好看的下拉框

img {
max-width: 100%; /* 图片最大宽度为其父容器的100% */
height: auto; /* 高度自适应，使图片宽高比不变 */
}

上述代码中，“max-width: 100%;”的意思是图片的最大宽度为其父容器的100%。如果图片的宽度小于其父容器的宽度，那么图片的宽度就等于它本身的宽度。如果图片的宽度大于其父容器，则图片的宽度将自动调整为与其父容器的宽度相等。这样做可以保证图片不会超出其父容器的范围，从而保证了页面在不同的屏幕尺寸下的显示效果。

在上面的CSS代码中，“height: auto;”代表让图片的高度自适应，它的作用是保持图片的宽高比不变，以避免图片被拉伸或压缩。这个属性也是必须的，因为它让大家的图片看起来更加自然。

总之，在网页设计和开发中，图片的自适应是非常重要的，而使用CSS来实现图片自适应其父容器是一种最简单、最实用的方法。通过以上的代码，大家可以让图片在不同的屏幕尺寸下表现得十分出色。