css

概念 指网页能自动识别屏幕宽度。并自出相应调整的网页设计。响应式布局可以为不同终端的用户提供更加舒适的界面和更好的用户体验 中小型的项目比较适合用响应式布局，同一套代码可以在pc端展示也可以在移动端展

概念 基于css的另一种语言 通过工具编译成css 添加了很多css不具备的特性 能替身css文件的组织 常见的预处理器 less 基于Node写的,编译速度较快，有浏览器中直接可以使用的版本不需要预

背景 CSS工程化关注的问题： 组织 优化 构建 维护 功能 主要是对CSS做一些解析和转换的工作 PostCSS的意思和CSS预处理器的含义相反，预处理器是把不是CSS的语言变成CSS，而PostC

PC端、移动端的适配原则 大部分网站自适应浏览器分辨率，因此在不同设备下分辨率是不同的，如何让不同设备下的网页看起来一样呢？或者说让不同的设备自适应不同的浏览器呢？ 假如要自适应浏览器有可能是要被拉伸

初识 弹性盒子是一种用于按行或按列布局容器的一维布局方法。容器可以膨胀以填充额外空间，收缩以适应更小的空间 一行在不同分辨率下可能表现不同 一列中可能让某一个更长一些 主轴与交叉轴 注意点： 主轴与交

概念 CSS网格是一个用于web二维布局系统。利用系统，你可以把内容按照行与列的格式进行排版。另外，网格还能非常轻松地实现一些复杂的布局 利用网格布局可以轻松地进行单元格合并、格子与格子之间的间距 g

为了使页面适配不同分辨率下的设备，就不能使用固定单位，需要使用相对单位rem和vw单位动态控制页面尺寸大小 逻辑像素与物理像素 px全称为pixel，像素长度，像素长度，那么就请问了，一个超大屏幕的像