一.PC端网页和移动端网页的有什么不同？

1.PC屏幕大，网页固定版心

2.手机屏幕小，网页宽度多数为100%

二.视口

1.viewport：视口

2.width=device-width：视口宽度 = 设备宽度

3.initial-scale=1.0：缩放1倍（不缩放）

1.百分比布局，也叫流式布局

2.效果：宽度自适应，高度固定

1.Flex布局/弹性布局：

2.一种浏览器提倡的布局模型

3.布局网页更简单、灵活

4.避免浮动脱标的问题

1.父元素添加 display: flex，子元素可以自动的挤压或拉伸

2.添加了df的这个盒子，叫做弹性容器

特点：1.默认宽度就是父元素的宽度，高度由内容撑开

3.弹性盒子：就是弹性容器的最近一级子元素

特点： 1.默认宽度由内容所撑开，默认的高度和父元素一样高；

2.弹性盒子没有块级元素，行内快元素，行内元素之分，统统叫做弹性盒子，那么就是统统都可以设置宽高；

3.弹性盒子默认不会换行，会沿着主轴方向一行显示；

4.要注意弹性盒子的概念

1.align-self：控制某个弹性盒子在侧轴的对齐方式（添加到弹性盒子）

   1.所有的弹性盒子都添加相同的flex值，均分弹性容器的宽度；如果flex值不同，根据比例进行分配
   
   2.其他的盒子宽度固定，只有一个盒子设置了flex:1 --- 占据父元素剩余的宽度