![](https://img-blog.csdnimg.cn/5305cfc9d25f40bfbd7a26dc54a4ef23.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
二、移动端web
记录移动web
心动の弟弟
这个作者很懒,什么都没留下…
展开
-
移动开发之响应式布局
bootstrap参考原创 2022-03-13 22:48:52 · 2797 阅读 · 0 评论 -
rem适配方案2-flexible.js
原创 2022-03-13 09:27:47 · 529 阅读 · 0 评论 -
flex布局之携程移动页面
**案例1:图片在上文字在下 用flex布局实现 **flex主轴默认是水平x轴-项目图片和项目文字在x轴水平显示-当把主轴设置为Y轴时 flex-direction :Y轴 -项目图片和项目文字就实现了【图片在上文字在下】-在把侧轴设置为居中对齐 align-items:center;背景颜色的线性渐变【必须添加浏览器私有属性】background:linear-gradient(起始方向,颜色1,颜色2);从左边开始 有红色变成蓝色:background:-webkit-linear-原创 2022-03-09 16:35:20 · 99 阅读 · 0 评论 -
flex布局
设置侧轴(单行时的)子元素对齐方式:align-items:当align-items:stretch (拉伸)时,项目不需要设置高度 否则没有效果,拉伸按字面意思把子元素的长度拉满-只有上对齐,下对齐,居中和拉伸设置侧轴(多行时的)子元素对齐方式-align-content【单行用没效果】:-多了平均分配剩余空间等属性flex布局中子项的常用属性-flex:子项目占的份数【用来定义子项分配剩余空间 比如: flex=1 选中的子元素有3个 在剩余的空间中,每份子元素占三分之一的空间原创 2022-03-08 21:51:15 · 350 阅读 · 0 评论 -
流式布局记录之京东移动布局
问题:流失布局 盒子不断的拉伸 可能会将盒子里面的内容挤下来 所以为了保护盒子在合理的分为之内通过最大宽度和最小宽度 来限制盒子的拉伸范围max-width:最大宽度min-width:最小宽度 以px为单位 一般给父级元素使用,限制父级的拉伸范围 使得子元素也会被限制移动端页面要设置视口标签: 二倍精灵图的做法 以JD移动页面的搜索框中的放大镜为例1.在fw软件中把精灵图等比例缩放为原来的一半【原来精灵图是400200 等比例缩放一半之后是 200100】【在实际fw操作中,只需要原创 2022-03-08 18:58:34 · 99 阅读 · 0 评论 -
less基础
lessrem适配方案原创 2022-03-06 08:39:18 · 75 阅读 · 0 评论 -
rem适配布局
rem适配布局+响应式布局REM适配方案–布局less语法 + rem适配布局原创 2022-03-05 21:59:10 · 139 阅读 · 0 评论 -
flex布局
flex布局详解(配图-简洁易懂)什么是flex布局Flex布局实战(一):骰子css圣杯布局和双飞翼布局(超详细)双飞翼布局和圣杯布局原创 2022-03-05 15:02:24 · 115 阅读 · 0 评论 -
移动端布局
移动端布局移动端布局参考原创 2022-03-03 20:10:29 · 48 阅读 · 0 评论 -
移动端开发基础
移动端开发基础background-size属性详解background-size属性详解原创 2022-03-03 16:22:32 · 62 阅读 · 0 评论