动态布局
原文链接：https://note.noxussj.top/?source=zhihu
什么是动态布局？
动态布局是平时开发中最常见的一种布局。就是给布局的元素设置固定的宽度和高度，无论你的屏幕分辨率是多大，它永远都是固定大小。通常应用 px 单位来实现动态布局。
长处
它的长处也比拟显著，是一种最简略的布局形式，开发者只须要依照设计图 1:1 还原进去即可，无需思考任何兼容性问题，所以工作量大大减少。
毛病
因为是固定的尺寸，所以在分辨率太低时会展现出滚动条，并且使得局部元素不在屏幕范畴内，可读性比拟差。
场景
传统的 Web 网站。
根底案例
以下简略模仿一个固定尺寸的元素，在不同设施 / 分辨率下展现的成果。
容器尺寸 640px * 320px
可能发现以后分辨率能够容下这个盒子，布局是失常的。
容器尺寸 150px * 320px
当分辨率过小就会产生问题了，例如盒子超出了该容器范畴，在简单的布局状况下还会导致布局错乱。
最全面的前端笔记来啦，蕴含了入门到入行的笔记，还反对实时成果预览。小伙伴们不须要再花工夫去写笔记，或者是去网上找笔记了。面试高频发问和你想要的笔记都帮你写好了。反对挪动端和 PC 端浏览，深色和浅色模式。
原文链接：https://note.noxussj.top/?source=zhihu