css图片宽度 |自己创建.css文件

img {
max-width: 100%;
}

上述代码的作用是将图片的宽度设置为适合浏览器窗口的最大宽度，可以保证图片不会因过度拉伸而失真。如果图片尺寸小于浏览器窗口的大小，图片会按照原本的大小展示。这个方法是自适应的，非常适用于响应式网站设计。

img {
width: 50%;
}

如果大家想要限制图片的最大宽度，同时又希望图片展示出来的宽度不受浏览器大小的影响，可以使用上述代码。这个方法会将图片的宽度设置为父元素宽度的50%，但是如果父元素宽度小于图片本身宽度，图片也不会被压缩。这个方法非常适用于固定宽度的网站设计。

当然，还有其他一些CSS方法可以调节图片的宽度，但是上述两个方法是最为常用的。通过这些方法，大家可以有效地控制图片的宽度，使其更加符合网页设计的要求。