-
align-self查看全部
-
justify-content查看全部
-
flex-wrap flex-flow查看全部
-
flex-direction查看全部
-
实例和代码展示1查看全部
-
不定宽高垂直和水平居中，两种靠谱的解决方案查看全部
-
混合布局查看全部
-
等比布局查看全部
-
Flexbox弹性盒子布局 简单的盒子布局查看全部
-
多行文本溢出隐藏查看全部
-
click, hover事件× tap事件, touch触摸事件, 弹性滚动, 上拉刷新, 下拉刷新查看全部
-
响应式设计 > 百分比布局 > 弹性图片 img{width:100%}; > 重新布局; 显示与隐藏: 1.同比例所见元素尺寸 2.调整页面结构布局 3.隐藏冗余元素 > 媒体查询 @media screen and (max-width:1024px){ selector1{ attribute: value; } selector2{ attribute: value; } }查看全部
-
flexbox兼容性: > iOS可以使用最新的flex布局 > android4.4以下, 只能兼容旧版的flexbox布局 > android4.4及以上, 可以使用最新的flex布局 -->建议使用旧版 >新flex布局: display:-webkit-flex; -webkit-flex:1; justify-content:center; align-items:center; >旧flexbox布局: display:-webkit-box-flex; -webkit-box-flex:1; box-pack:center; box-align:center;查看全部
-
设计移动web 方案一: 根据设备的实际宽度来设计(常用) 手机宽320px, 我们就拿320px设计 方案二: 1px = 1dp 缩放0.5, 根据设备的物理像素dp等于抽象像素px来设计. 1像素边框和高清图都不需要额外处理.查看全部
-
移动web最佳viewport设置 <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">查看全部
举报
0/150
提交
取消