网页的响应式布局

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

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

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

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

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

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

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

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

  • @media
  • flex
  • gird
    原文作者:xiyou
    原文地址: https://segmentfault.com/a/1190000019840015
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞