移动web day03

100 阅读1分钟

一、了解分辨率、视口、二倍图等。

1.视口

image.png

image.png

2.二倍图

image.png

二、百分比布局(流式布局)(了解)

image.png

三、flex布局

1.弹性容器
  默认的宽度为父盒子宽度,高度由内容撑开

2.弹性盒子
  弹性盒子:就是弹性容器的最近一级子元素
    特点:
     1.默认宽度由内容所撑开,默认的高度和父元素一样高;
     2.弹性盒子没有块级元素,行内块元素,行内元素之分,统统叫做弹性盒子,那么就是统统都可以设置宽高;
     3.弹性盒子默认不会换行,会沿着主轴方向一行显示;
     4.要注意弹性盒子的概念
     
 3.主轴对齐方式

image.png

 4.侧轴对齐方式
   

image.png