![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
webApp
文章平均质量分 50
麦子穗
这个作者很懒,什么都没留下…
展开
-
Grid网格布局、Grid容器和Grid项目
1.Grid网格布局(基础知识) ①Grid容器(container)和项目(item) 采用grid网格布局的元素,称为Grid容器 display:grid|inline-grid; Grid容器的所有子元素自动成为容器成员,称为grid项目。 ②列、行和单元格 容器中的水平区域称为"行"(row),垂直区域称为“列”(column). 行和列的交叉区域,称为“单元格”(cell). ③网格线 划分网格的线,称为“网格线”(grid line) 水平网格线划分出行,垂直网格线划分出.原创 2022-03-31 14:55:57 · 757 阅读 · 0 评论 -
Flex布局、flex容器和flex项目
1.Flex布局基础知识 ⑴ Flex弹性布局。任何一个HTML元素都可以指定为flex布局。 Display:inline-flex; flex容器是内联块元素 Display:flex;flex容器是块级元素 ⑵ flex容器:采用flex布局的元素称为flex容器。 ⑶ Flex项目:flex容器的所有子元素自动成为容器成员,称为flex项目。 ⑷ 默认情况下,水平方向的是主轴,垂直于主轴方向的轴就是交叉轴。 Flex项目默认沿着主轴起始排列。 2.flex容器的属性 //1...原创 2022-03-31 14:33:21 · 660 阅读 · 0 评论 -
rem与vw布局和响应式布局
媒体查询、移动布局之rem与vw布局和响应式布局原创 2022-03-30 13:38:58 · 1071 阅读 · 0 评论 -
移动webApp的基础知识点总结
px/rem/em/%/vw等常用单位的区别、设备像素比(dpr)、获取视口宽度、获取设备像素比、多行文字省略、流体布局注意事项、一个div设置宽度为屏幕宽度的20%,如何让这个div在不同屏幕下,高度都与宽度一样,实现正方形效果?用两种方法实现。原创 2022-03-30 13:30:46 · 509 阅读 · 1 评论