随笔分类 - 移动web
摘要：移动适配解决方案 rem 就是一个单位 5rem 根据不同屏幕进行适应（等比缩放） rem单位 特点： 步骤： html标签写字号 不同设备如何设置不同的html标签字号 字号设多少合适 视口宽的1/10 媒体查询 语法实例：（移动适配） /* 1.适配375宽度 的手机 */@media (wid
阅读全文
摘要：Flex布局 主轴方向 默认开启flex布局水平排列，如何改变？ 改变元素排列方向的属性： 改变为竖直排列flex-direction: column; 改变主轴方向后如何垂直居中？ 确定主侧轴在哪 把主轴方向变成了垂直方向，还是用jc控制主轴方向的对齐方式 把侧轴方向变成了水平方向，还是用ai控制
阅读全文
摘要：分辨率 类型 物理分辨率 逻辑分辨率 可以在设备中更改 （按照这个分辨率来制作移动端） 谷歌浏览器调试用的像素也是逻辑 主要熟悉的型号 视口标签 起源： 开发移动端网页宽度是980不变，不管手机换成什么尺寸，html的宽度不会改变 解决： 添加meta标签，使得网页宽=设备宽度（自生成），只需检查即
阅读全文
摘要：3D转换 空间位移 语法 transform: translateZ(300px); transform:translate3d(100px,100px,100px); tl前面加入3d之后就可以连写三个轴 使用手册 网页默认显示是2d的，单独使用tlZ看不到3d效果的 Vscode快速生成tf t
阅读全文
摘要：字体图标 unnicode使用 步骤 引入link：css i标签承接，写入样式 <i></i> 在style中定义 i{ font-family: iconfont; /* i标签自带倾斜，取消倾斜 */ font-style: normal; font-size: 100px
阅读全文
