随笔分类 - 移动web
摘要:屏幕宽度发生变化,页面元素的尺寸(宽度和高度)也随之变化,这样可以更好的达到适配效果,用户体验更好 解决方案: 百分比布局或者 flex 完成整体元素排列布局 配合 rem 或者 vw/vh 单位 设置元素的尺寸(宽度/高度) 最终适配 em,rem 相同点: 都是相对单位 不同点:参照对象不同 e
阅读全文
摘要:主成部分 弹性容器:父元素 弹性盒子:子元素 主轴:默认X轴,可以通过flex-direction改变 侧轴 / 交叉轴:默认Y轴,可以改变 设置 语法:display: flex 添加位置:父元素 父元素添加 display: flex,子元素可以自动的挤压或拉伸 主轴对齐方式 属性:justif
阅读全文
摘要:空间转换属性:transform,也叫3D转换。使用transform属性可以实现元素在空间内的位移、旋转、缩放等效果 空间:是从坐标轴角度定义的。x 、y 和z三条坐标轴构成了一个立体空间,z轴位置与视线方向相同。 空间位移 语法 transform: translate3d(x, y, z);
阅读全文