网页的响应式布局

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

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

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

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

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

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

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

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

• @media
• flex
• gird