每个高级前端工程师都应该知道的前端布局

首发于公众号 大迁世界，欢迎关注。📝 每周一篇实用的前端文章 🛠️ 分享值得关注的开发工具 😜 分享个人创业过程中的趣事

快来免费体验ChatGpt plus版本的，我们出的钱 体验地址:https://chat.waixingyun.cn 可以加入网站底部技术群，一起找bug，另外新版作图神器已上线 https://cube.waixingyun.cn/home

1.响应式

一套适用于手机、iPad 和 PC 的代码。每次加载不同的样式时，它们都能在一个项目中兼容。这就是所谓的响应性。然后，我希望产品经理能多考虑一下。我不想做了设计工作，最后却说它不好看，因为我不会做设计。

2.自适应

自适应是一套代码，无论屏幕尺寸如何变化，改变的只是页面的元素尺寸，而不会出现三栏变两栏的表格变化。以前，领导和设计总让我修改页面，说是自适应窗口的变化。结果要求把三栏改成两栏。为什么要把这个按钮隐藏起来，那个按钮改成外观，怎么改呢？难道不需要设计一张图片吗？我是不是在幻想？

• 使用弹性布局
• 使用百分比
• 避免写死宽度和高度
• 添加滚动条
• 使用 rem

3.移动终端的常用宽度