移动web

媒体查询： 针对不同的屏幕宽度，设置了不同的css样式，实现差异化的效果。 语法: 举例：实现小于等于767px屏幕宽度的时候，body背景颜色为（darkcyan） 利用媒体查询实现不同的屏幕宽度对

vw与vh 1vw=1/100视口宽度 /* 1vw = 1/100 视口宽度 不需要引入任何的js文件，也不需要像rem一样去vscode配置文字大小 例子：375px设备 1vw=3.75px （

移动Web= --移动适配 一套代码适应所有的屏幕。 所以需要用到相对单位 rem vw rem是目前主流 vw 一些大厂已经开始应用。 rem单位是相对于HTML标签的字号计算结果 1 rem =1

基础代码 alert console.log prompt 归属都是浏览器 变量 什么是变量：变量的本质是程序在内存中申请的一块用来存放数据的空间。（变量是内存的空间，用来存放数据的）一个变量一个盒子

flex第二天 在弹性容器内，主轴方向是由内容撑开，侧轴方向是弹性容器撑开。 flex: 数值； align: self;（控制某个弹性盒子在侧轴的对齐方式）（是给需要单独控制侧轴方向对齐方式的弹性盒

移动端概念 屏幕尺寸：屏幕对角线的长度，单位一般为英寸； PPI：单元英寸内的物理像素点的个数，值越大，越清晰； 物理像素点：形成像素的最小单位。 1.物理分辨率是生产屏幕时就固定的，它是不可被改变的

2022-05-27 动画，立体，小案例 ## 透视、视距、景深 空间旋转 立体呈现 animation动画