m0_49456900的博客

1.Grid网格布局（基础知识）①Grid容器(container)和项目(item)采用grid网格布局的元素，称为Grid容器display：grid|inline-grid;Grid容器的所有子元素自动成为容器成员，称为grid项目。②列、行和单元格容器中的水平区域称为"行"（row),垂直区域称为“列”(column).行和列的交叉区域，称为“单元格”(cell).③网格线划分网格的线，称为“网格线”（grid line）水平网格线划分出行，垂直网格线划分出.

1.Flex布局基础知识⑴ Flex弹性布局。任何一个HTML元素都可以指定为flex布局。Display:inline-flex; flex容器是内联块元素Display:flex；flex容器是块级元素⑵ flex容器：采用flex布局的元素称为flex容器。⑶ Flex项目：flex容器的所有子元素自动成为容器成员，称为flex项目。⑷ 默认情况下，水平方向的是主轴，垂直于主轴方向的轴就是交叉轴。Flex项目默认沿着主轴起始排列。2.flex容器的属性//1...

媒体查询、移动布局之rem与vw布局和响应式布局

px/rem/em/%/vw等常用单位的区别、设备像素比（dpr）、获取视口宽度、获取设备像素比、多行文字省略、流体布局注意事项、一个div设置宽度为屏幕宽度的20%，如何让这个div在不同屏幕下，高度都与宽度一样，实现正方形效果？用两种方法实现。