1.设备像素(device pixel) 指的是设备中使用的物理像素。 iphone5 640x1136px 2.css像素(css pixel) 逻辑像素 px:相对单位,相对的是设备像素(device pixel),所以相同的值在不同的屏幕上的大小是不同的哦。 3.Retina视网膜屏幕 ppi ...
分类:
其他好文 时间:
2017-01-07 00:48:18
阅读次数:
179
在制作过程中遇到的一些问题跟大家分享下,直接上步骤 制作库有分模拟器框架和真机矿机 如果报错x86_64什么的字眼就是库里面没有包含模拟器框架 模拟器:iPhone4s~5 : i386 iPhone5s~6plus : x86_64真机:iPhone3gs~4s : armv7 iPhone5~5 ...
分类:
移动开发 时间:
2016-12-06 14:00:38
阅读次数:
353
px: 逻辑像素,浏览器使用的抽象单位 dp,pt: 设备无关像素 dpr: 设备缩放比 计算公式:1px = (dpr)² * dp; iphone5的dpr=2; 所以,1px由4个dp来渲染 iphone5的屏幕是640dp*1136dp = 320px*568px; 二 DPI: 打印机每英 ...
分类:
移动开发 时间:
2016-12-03 23:52:14
阅读次数:
223
认识移动端开发 什么使移动端开发呢?这就是在手机等移动端设备上的网页开发。而当今比较流行的通过rem进行移动端的适配,所以这篇文章会主要介绍一些基本概念以及rem适配方案。 第一部分:基本概念 物理像素:这个就是在屏幕上可以控制的最小显示单位,比如显示颜色的最小单位。 css像素: 就是我们在设计网 ...
分类:
移动开发 时间:
2016-11-20 09:11:53
阅读次数:
292
之前做web app开发的的时候,在自适应方面一般都是宽度通过百分比,高度以iPhone6跟iPhone5之间的一个平衡值写死,我们的设计稿都是iPhone5的640 * 1136标准,所以高度一般取个大概值,各种图标的宽高也是取平衡值写死,然后部分样式通过媒体查询来设置,例如背景图的多倍图、基础字 ...
分类:
移动开发 时间:
2016-11-12 11:33:58
阅读次数:
259
1、困扰多时的问题 在这之前做web app开发的的时候,在自适应方面一般都是宽度通过百分比,高度以iPhone6跟iPhone5之间的一个平衡值写死,我们的设计稿都是iPhone5 的640 * 1136标准,所以高度一般取个大概值,各种图标的宽高也是取平衡值写死,然后部分样式通过媒体查询来设置, ...
分类:
移动开发 时间:
2016-11-08 14:05:31
阅读次数:
447
/** * 获取用户ip * * @return 获取用户ip */ + (NSString *)getIPAddress { NSString *address = @"an error occurred when obtaining ip address"; struct ifaddrs *in ...
分类:
移动开发 时间:
2016-11-01 19:01:51
阅读次数:
323
设备分辨率 状态栏高度 导航栏高度 标签栏高度 iPhone6 plus 1242×2208 px 60px 132px 147px iPhone6 750×1334 px 40px 88px 98px iPhone5/5s/5c 640×1136 px 40px 88px 98px iPhone4 ...
分类:
其他好文 时间:
2016-10-31 13:22:02
阅读次数:
263
1.通用 2.网易 基于iphone4或者iphone5的设计稿,竖直放时的横向分辨率为640px,width: 6.4rem html的font-size=deviceWidth / 6.4 (1)先拿设计稿竖着的横向分辨率除以100得到body元素的宽度: (2)布局时,设计图标注的尺寸除以10 ...
分类:
移动开发 时间:
2016-10-26 19:01:21
阅读次数:
234
微信小程序尺寸单位rpx以及样式相关介绍rpx单位是微信小程序中css的尺寸单位,rpx可以根据屏幕宽度进行自适应。规定屏幕宽为750rpx。如在 iPhone6 上,屏幕宽度为375px,共有750个物理像素,则750rpx = 375px = 750物理像素,1rpx = 0.rpx单位是微信小 ...
分类:
微信 时间:
2016-10-23 00:10:12
阅读次数:
291