css布局 宽度 |css 图片自动切换

/* 
CSS宽度的设置方式有多种，下面分别介绍：
*/
/* 1. 像素（px） */
width: 100px;
/* 2. 百分比（%） */
width: 80%;
/* 3. 自适应（auto） */
width: auto;
/* 4. 最大宽度（max-width） */
max-width: 800px;
/* 5. 最小宽度（min-width） */
min-width: 400px;

第一种方式是通过像素值来设置宽度，这种方式比较常用，可以精确地控制元素的宽度。

第二种方式是通过百分比来设置宽度，这种方式可以根据屏幕大小、浏览器窗口大小自适应调整宽度，而且布局会更加灵活。

第三种方式是使用auto，可以让元素自适应调整宽度，适用于一些元素不需要特别精确的宽度的情况。

第四种方式是通过最大宽度来限制元素的宽度，可以在超过这个宽度时自动缩小，对于响应式布局是一个不错的选择。

第五种方式是通过最小宽度来限制元素的宽度，如果设定的宽度小于设定的最小宽度，则会自动调整到最小宽度。

在实际使用中，大家需要根据具体的情况选择合适的宽度设置方式，进行灵活的布局。