- 博客(7)
- 收藏
- 关注
RSS订阅
1原创 vw和vh布局
我们设计稿是iphone678是375px，vw把屏幕划分了100等份，则1vw=3.75px。有个盒子啊，我测量了下，他的宽度是3.75px*3.75px，则写成vw是多少？又一个盒子，宽度和高度分别是37.5px和37.5px，则转换为vw是多少？有一个盒子68px*29px，则我们写代码lessvw？假如父盒子是200px，则1%是2px。vw就是视口的宽度，vw是个相对单位。1vw=1/100屏幕的宽度。...
2022-07-28 21:14:10
604
原创 rem单位和less预处理器
flexible原理通过媒体查询设置html标签的字体大小,就不需要再去写媒体查询了。3.使用场景html字体大小变化,页面跟着一起变化,单位使用rem。设计师说按照标准稿iphone6,7,8屏幕宽度为375px。2.也是相对单位,相对于html标签的字体大小。2.检测屏幕在320px时,body颜色变成绿色。rem=实际测量值px÷设置的html字体大小。设置html字体大小,设置为分成10等份。js放在body标签结束标签的上面。需求一个宽高为75px的盒子。1.默认html字体大小。...
2022-07-24 20:30:37
103
原创 移动端布局-flex布局
在flex眼中，标签不再分类。简单说就是没有块级元素，行内元素和行内块元素任何一个元素都可以直接给宽度和高度一行显示Flex不存在脱标的情况也就是基本淘汰了浮动，更不用清除浮动当然存在兼容性问题，如果不考虑兼容性可以大量使用，如果是移动端则不用考虑直接flexhttps//caniuse.com可以查看兼容性。...
2022-07-20 21:51:21
216
原创 空间转换3D和动画
3D坐标系比2D多了一个Z轴。X轴往右越大，是正值，否则反之Y轴往下越大，是正值，否则反之Z轴（指向我们）越大，是正值，否则反之。
2022-07-20 21:22:23
46
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人