- 博客(4)
- 收藏
- 关注
RSS订阅原创 flex布局实例
对flex布局的复习：flex中有四大概念:1）容器如果给一个div设置了display:flex;那么这个div就是一个容器。2）项目容器中的直接子元素叫项目3）主轴默认情况下，项目是在主轴上进行排列的，从主轴的开始位置开始4）交叉轴和主轴垂直的那个轴就是交叉轴接着就是flex布局的属性：flex中又12个属性，其中有六个属性是对容器设置的；容器相关的6大属性:1) flex-direaction 设置主轴的方向2） flex-wrap如果项目足够多时，是否换行3） f
2021-05-25 19:55:14
206
原创 Flex布局
在讲Flex布局之前，先告诉大家几种常用的布局。在PC端常用的布局有三种布局：流式布局，浮动布局，以及层布局。但在移动端最常见的布局就是flex布局。那么什么是flex布局呢？flex布局就是css中提出的一种布局方案。flex布局中有几个概念： （1）容器：如果给一个盒子添加了一个display:flex; 那么这个盒子就是一个容器。 <!-- 容器 --> <div class="box"></div>...
2021-05-16 15:17:58
885
原创 REM适配
什么是适配？适配是指在大屏显示大盒子，在小屏上显示小盒子。即如果是大屏，盒子或字体大小设置大一点，反之设置小一点。在了解rem适配之前，我们先来介绍一些适配单位1.pxpx指的是逻辑像素，也叫css像素，但在适配时不合适2.emem是指一个汉字的宽度，它是相对于父元素font-size来说的...
2021-05-08 09:56:21
408
原创 视口
视口 在我们做软件开发时，总会遇到在电脑上开发手机软件，由于两者宽度不同，于是当使用手机打开此软件时，会发现原有的界面被压缩。此时，我们如何保证在电脑上开发的软件界面能够适应，或者说能够保持我们原来想要的样子，不会因为两者宽度不一样而遭到压缩？ 如果想要避免这种情况发生，我们可以1547134994...
2021-05-03 12:43:55
92
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人