[分享]css中div给了宽度还可以自适应

例如，我们可以使用以下的代码来将一个div的宽度固定在600像素:
div{
    width: 600px;
} 

这种方式固然可以达到我们想要的宽度效果，但是对于不同设备的用户来说，这样的宽度设置可能并不适合，特别是在放大或缩小页面的时候。因此，我们可以结合使用“max-width”属性和“width百分比”的方式来实现自适应的效果。

例如，我们可以将上面的代码改为如下所示：
div{
    max-width: 100%;
    width: 600px;
} 

这样一来，当用户浏览网页的设备宽度小于600像素时，div的宽度会随之缩小；而当设备宽度大于600像素时，div的宽度会切换到600像素。这样，我们就可以轻松地实现自适应的效果。

同时，我们还可以使用“min-width”属性和“width百分比”的方式来实现类似的自适应效果。例如，我们可以这样写代码：
div{
    min-width: 600px;
    width: 100%;
} 

这样一来，当用户浏览网页的设备宽度小于600像素时，div的宽度会自动扩大到设备宽度；而当设备宽度大于600像素时，div的宽度会保持在600像素。这样，我们同样可以实现类似的自适应效果。

以上就是我们可以使用的CSS技巧，来实现