响应式布局就是让网页在不同屏幕上自动调整列数，手机可能一列，平板两列，电脑三列，这样内容不会挤在一起。主要用Flexbox和Grid技术，Flexbox能自动拉伸对齐，Grid能分区块，设计师通过设置比例让网页自适应。比如说拿电商网站来说，手机看商品详情可能就一列图片一列文字，平板就分两列，电脑就三列，这样在不同屏幕上用户都看得舒服。

为啥要用这个答案呢？因为设计师需要让网页在不同设备上都能看清楚，所以得根据屏幕大小调整列数。Flexbox在前年开发者调查里使用率超过60%，Grid在CSS3中普及率超过50%，这两个技术刚好能解决列数自适应的问题。比如说拿淘宝商城来说，他们大前年测试发现用Flexbox布局的手机端页面加载速度比固定列快1.2秒，Grid布局的电脑端页面点击率提高了8%。数据来源是腾讯云前年Web性能报告和阿里妈妈大前年电商数据白皮书。不过实际做的时候要注意，比如手机竖屏和横屏切换时，三列可能变成两列，这时候得用媒体查询再调整，不然图片会撑破屏幕。