移动端CSS
王巨饿
这个作者很懒,什么都没留下…
展开
-
修改cssrem默认字体大小
cssrem是一个能自动把px转换为rem单位的vscode插件,不借助less计算就能直接把px转换为rem。cssrem默认html字体大小为16px,即16px=1rem。怎么更改cssrem的默认html字体大小?打开设置,在搜索设置中直接输入cssroot,把16更改为自己想要的默认HTML字体大小...原创 2021-08-03 14:45:43 · 948 阅读 · 0 评论 -
flex布局
flex布局父项常见属性flex布局中分为主轴和侧轴两个方向,元素是按照主轴排列的。默认的主轴是X轴,侧轴是Y轴。如果选定了X轴为主轴则Y轴是侧轴,反之,Y轴是主轴,X轴是侧轴1.flex-direction:设置主轴方向。属性值 row(默认)X轴是主轴 按行排列column 选定Y轴为主轴 按列排列2.justify-content 设置子项在主轴上的排列方式/* justify-content: center; // 平分剩余空间 // justify-content: s原创 2021-07-20 17:39:35 · 96 阅读 · 0 评论 -
align-content 和align-items的区别
align-content 和align-items的区别1.align-items适用于单行情况下,只有flex-start(默认值,从上到下)、flex-end(从下到上)、center(居中)、stretch(拉伸,不要给子项高度)2.align-content设置子项在侧轴上的排列方式并且只能用于子项出现换行的情况(多行),在单行下是没有效果的。比align-items多了space-around 和space-between两个属性...原创 2021-07-20 16:58:46 · 1669 阅读 · 0 评论