KEEP RUNNING的博客

为了理解重排与重绘，我们首先需要了解一点浏览器渲染的基础知识 ~网页生成分为五步：1. HTML 被 HTML 解析器解析成 DOM 树2. CSS 被 CSS 解析器解析成 CSSOM 树3. 结合 DOM 树和 CSSOM 树，生成一颗渲染树（Render Tree）4. 将所有渲染树的所有子节点进行平面合成，生成布局（flow） -- 重排（回流）5. 将布局绘制（paint）在屏幕上 -- 重绘其中 4 5 步是最耗时的，这两步就是我们常说的渲染网...

第一：正确理解响应式布局第二：响应式设计基本步骤第三：响应式设计注意事项第四：响应式布局实现原理第一：正确理解响应式布局响应式网页设计就是一个网站能够兼容多个终端，而不是为每个终端都做一个特定的版本。打个比方来说：现在社会有很多响应产品，例如折叠沙发，折叠床等等，当我们需要把沙发放到一个角落的时候，此刻沙发就好比div吧，而角落里的某个地方就好比父元素，由于父元素空间的改变，我们不得不调整div,让它能够依然放在角落里。在项目中你会遇到不同的终端，由于终端分辨率不同，所以你.