网页的响应式布局

响应式布局解决了什么问题？

解决不一样屏幕之间的分辨率问题。什么时期出现的此问题？当时遇到了什么问题？当时的技术环境是怎么样的？

时间点: 2010年5月提出的概念，他叫Ethan Marcotte
恰好在2010年，移动互联网已经走入生活了。
为何要提出？面临了什么问题？要提出一个新技术？
面临问题，每个设备都要写一套前端代码，难道五个手机要写五套吗？
具体的技术也是解决当时存在的问题，若是这些问题不存在了，这些技术存在的意义也就少了。解决问题的思惟方式，看问题的思惟方式能够留下来，跨域时间和空间。如今是由于过去。

响应式布局的先决条件是什么？

响应式布局的依赖是什么？

css的顶层样式表有两个规则构成。一个at-rule规则，一个是qualified rule。因此响应式布局依赖于CSS顶层样表的两个规则。这是从规则角度来讲的。真正依赖于谁，在解析CSS代码。解析完后，谁匹配所写的CSS规则，谁在渲染位图。

样式的输入：经过JS控制、经过直接经过选择器去控制。
你就是谁能改变标签的样式，选择器能够，哪谁监听浏览器窗口的变化，JS能够，CSS的media查询能够。

有两类用法，一个at规则，一个普通规则。

• @media
• flex
• gird