-
align-self : 子元素自己设置对齐方式; 值： flex-start -> 顶层; flex-end -> 底层; center -> 居中; auto/*default*/ -> 同拉伸; baseline -> 文字基线; stretch -> 拉伸; justify-content : 设置或检索弹性盒子元素在主轴(横轴)方向上的对齐方式; align-content : 属性对齐交叉轴上的各项(垂直)方向上的对齐方式; 值： flex-start -> 左对齐; flex-end -> 右对齐; center -> 居中; space-between -> 两侧对齐; space-around -> 间距平分; flex-warp : 当子元素宽度大于父元素宽度时是否换行; 值： nowarp/default -> 默认当子元素宽度大于父元素宽度时不换行; warp -> 换行; warp-reverse -> 换行倒序; flex-direction : 规定灵活项目的方向; 值： row/defaultr -> 默认值,灵活的项目将水平显示,表示一行显示; row-reverse -> 与 row 相同,一行显示,顺序相反; column -> 灵活的项目将垂直显示,表示竖列显示; column-reverse -> 与 column 相同,竖列显示,顺序相反; initial -> 设置该属性为它的默认值; inherit -> 从父元素继承该属性,纵向倒序; align-items : 在父元素统一设置子元素; align-items 整个容器分两行; align-content 按照子项目自己的高度换行,显得比较挤;查看全部
-
felx布局： 等比划分： display: -webkit-flex flex: 1 flex： 2 混合划分： Width： 100px； flex1； flex 垂直水平居中： justify-content： center； align-items： center； dispaly： -webkit-flex；查看全部
-
手机web开发中的问题和实用技术概览查看全部
-
设计移动web 方案一: 根据设备的实际宽度来设计(常用) 手机宽320px, 我们就拿320px设计 方案二: 1px = 1dp 缩放0.5, 根据设备的物理像素dp等于抽象像素px来设计. 1像素边框和高清图都不需要额外处理.查看全部
-
ios默认 布局viewport =980,document.body.clientWidth查看, width：用来改变布局viewport, width=device-width：使布局viewport =设备宽度 度量viewport：由window.innerWidth查看 initial-scale=1:缩放比,控制window.innerWidth/document.body.clientWidth=1。自带width=device-width 最佳设置： 布局viewport = 设备宽度 = 度量viewport user-scalable=no:不可缩放查看全部
-
手机浏览器默认为我们做了两件事情 1.页面渲染在一个980px(ios)的虚拟viewport（为了排版正确） //这就是网页在手机上，会全屏显示的原因 2.缩放（排版正确后，再缩放到手机屏幕大小） visual viewport：度量/视口viewport宽高 visual viewport是页面当前显示在屏幕上的部分。用户可以通过滚动来改变他所看到的页面的部分，或者通过缩放来改变visual viewport的大小。 //无法改变，通过缩放scale控制 layout viewport: 布局viewport 如图，ios的默认layout viewport为980px //可以理解为就是body的宽度，在此之上渲染页面 //不用默认980px的layout viewport原因： //不同设备默认值不同，宽度不可控 //页面先在layout viewport全屏渲染css,再通过缩放由visual viewport展示，交互差 //缩放后连接不可点，又有滚动 //font-size:40px=PC的12px,不规范，字体设置是另外一门学问了。查看全部
-
1.iphone5 的分辨率是 640 * 1136 （物理像素） dp,pt： device independent pixels 设备无关的像素 2.开发中应该是320 * 568 （逻辑像素） px: css pixel （逻辑像素），浏览器使用的抽象单位 3.dpr:devicePixelRatio 设备像素缩放比 可视度越小，系统默认的设置缩放比越大 4.计算公式 1px = dpr * dpr * dp iphone5的css像素为320 * 560 的原因是 iphone5的dpr = 2 即一个css像素由4个物理像素渲染 平面上：1px = 2 * 2 * dp 640 * 1136 维度上 ： 1px = 2 * dp 320 * 568 5.1英寸(in)=2.54厘米(cm) DPI ：打印机每英寸可以喷的墨汁点（一般用于印刷行业） PPI ： 屏幕每英寸的像素数量，即单位英寸内的像素密度 在计算机显示设备上，二者基本一样 ppi = (1136 * 1136 + 640 * 640) 开根 / 4(屏幕尺寸) = 326ppi(视网膜Retina屏) 注:屏幕尺寸是指显示器屏幕对角线的尺寸 ppi 是用物理像素算，而不是px 6.Retina屏 的dpi 大于或等于2 ，iphone6的dpi = 3查看全部
-
课程内容： 1、移动WEB的基础知识 2、高效的移动WEB布局 3、终端交互优化查看全部
-
https://github.com/williamtank/welcome_mobile查看全部
-
https://logan70.github.io/查看全部
-
课程总结查看全部
-
局部滚动开启弹性滚动查看全部
-
Android touch事件的bug查看全部
-
touch对象的属性查看全部
-
Tab透穿的解决方案 自定义Tap事件原理： 在touchstart时记录时间、手指位置,在touchhend时进行比较,如果手指位置没有移动(或位移非常小)且时间间隔较短(一般200ms),且过程中未曾触发过touchmove,即可认为触发了手持设备上的'click',一般称它为'tap'; ※ 移动端click事件有300 ms延迟,一般使用Tap自定义事件代替click事件;查看全部
举报
0/150
提交
取消