-
Pixel移动开发像素知识查看全部
-
Flexbox弹性盒子布局 .nav{ overflow:hidden; background-color:#DE7C4C; padding:10px; display:-webkit-flex; /* display:-webkit-flex 标示使用弹性布局 */ } .item{ color:#FDDFA7; padding:0 5px; text-align:center; flex:1; /* flex:num 占容器的比例 */ } 垂直居中方式 [Flexbox版]不定宽高的水平垂直居中 .parent{ justify-content:center; //子元素水平居中 align-items:center; //子元素垂直居中 display:-webkit-flex: }查看全部
-
pixel知识点1: px逻辑象素,浏览器使用的抽象单位 dp物理象素,物理象素是真实设备上的象素,而逻辑象素和设备无关 dpr设备像素缩放比 px dp两者之间通过dpr来关联,dpr为2时,表示2*2个物理象素用来展示1个逻辑象素 默认缩放比: 高清屏: ppi => 240 缩放比 => 1.5 超高清片: ppi => 320 缩放比 => 2.0 高清屏(Retina):dpr >= 2 iPhone 5 的例子: (dp -> ppi -> dpr -> px 的关系链) 640 * 1136 dp -> 326 ppi -> dpr = 2 -> 1px = 4dp -> iPhone 5 屏幕 320px * 568px DPI打印机每英寸可以喷的墨汁点 PPI屏幕每英寸的像素数量,即单位英寸内的像素密度 DPI PPI两者表达意思一样查看全部
-
<meta name="viewport" content="width=device-width,user-scalable=yes,minimum-scale=1.0,maximum-scale=1.0"/> width - viewport的宽度 height - viewport的高度 initial-scale - 初始的缩放比例 minimum-scale - 允许用户缩放到的最小比例 maximum-scale - 允许用户缩放到的最大比例 user-scalable - 用户是否可以手动缩放查看全部
-
以iphone 5为例查看全部
-
Pixel 移动开发像素知识查看全部
-
Android上拉加载更多问题使用scoll查看全部
-
Android 弹性滚动需要使用第三方库查看全部
-
touchEnd在Android上不被触发的解决方法查看全部
-
touchEnd在Android上bug的修复方法查看全部
-
垂直居中方式 [Flexbox版]不定宽高的水平垂直居中 .parent{ justify-content:center; //子元素水平居中 align-items:center; //子元素垂直居中 display:-webkit-flex: }查看全部
-
px:逻辑像素 dp,pt:设备无关像素(物理像素) dpr:设备像素缩放比查看全部
-
pixel知识点1:px逻辑象素,dp物理象素,物理象素是真实设备上的象素,而逻辑象素和设备无关。两者之间通过dpr来关联,dpr为2时,表示2*2个物理象素用来展示1个逻辑象素。查看全部
-
截图123查看全部
-
Touch的bug及解决方案查看全部
举报
0/150
提交
取消