随笔分类 -  移动web

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

点击右上角即可分享
微信分享提示