[分享]css写div随着屏幕大小变化

CSS是前端开发中的重要技术，而要做出好看、实用的网页需要运用CSS来写DIV实现响应式布局，让网页在不同的屏幕大小下都能够正常的展现和适应，下面我们来介绍一下CSS写DIV随着屏幕大小变化的方法。/...

CSS是前端开发中的重要技术，而要做出好看、实用的网页需要运用CSS来写DIV实现响应式布局，让网页在不同的屏幕大小下都能够正常的展现和适应，下面我们来介绍一下CSS写DIV随着屏幕大小变化的方法。

/*CSS代码*/
div{
    width:100%;
    max-width:1200px;
    margin:0 auto;
} 

上面的CSS代码中，我们设置一个通用的div样式，将它的宽度设置为100%，这样就能够让它随着屏幕宽度大小的改变而改变。同时，我们使用了max-width属性将div的最大宽度限制为1200px，这样就不会出现过度拉伸或者缩小的情况。最后，我们使用margin属性来使得div在页面中居中显示。

通过这种CSS写DIV的方式，就能够让网页在不同屏幕大小下都展现出良好的布局，并且能够自动的适应屏幕的大小，是响应式设计的重要手段之一。如果想要进一步的完善响应式布局，可以在CSS中使用媒体查询来对不同屏幕大小下的布局进行更加精细的调整。