【前端】如何实现根据宽度改变布局

Question

da lao帮帮忙，最近想建站，遇到点问题

如何实现根据宽度改变布局，就像上图。改变浏览器宽度它就自动变过去了。

Answer 1

用响应式布局@media screen and ( max-width: 像素值 ) {}
参考

响应式布局的实现@media_xiasohuai的博客-CSDN博客_响应式media 好久没写响应式页面了，这个是之前公司的一个项目。今天打开了设计文档，按照设计文档的要求大体做了一下。当然里面是存在细节问题的。如图：（基础讲解见我另一篇博客https://blog.csdn.net/xiasohuai/article/details/81147763）这个效果如何实现呢？当然首选的就是 “媒体查询@media”了 。媒体查询应当怎么写呢？CSS样式分为：内联式... https://blog.csdn.net/xiasohuai/article/details/81836036

如有帮助，请点击我的回答下方的【采纳该答案】按钮帮忙采纳下，谢谢!