IOS界面适配一: Pt与Px的关系 - CSDN博客
IOS界面适配一: Pt与Px的关系
& &参考链接 :&
& 在IOS界面开发中，我们一般是使用pt(Point)来作为View的单位，它是一个标准的长度单位，1pt＝1/72英寸
& 而px即为我们所说的像素，是物理屏幕显示的基本单位，虽然我们在程序中使用的不是px，但是其最后都会转化为px然后显示在我们的手机上
& 在iphone4以前的时代,iphone整个屏幕长度为320pt*480pt，而iphone的像素为320*480,所以iphone中一个点正好对应一个像素。
& 所以，当我们要在iphone中添加一个30pt*30pt的图片,因为一个点正好对应一个像素，所以这时候只要告诉美工做一个30px*30px的图片即可
& iphone4出来时候，屏幕的尺寸没有改变，即屏幕的长度还为320pt*480pt，但屏幕的分辨率改为640*960，这时候一个点对应四个像素
& 那么现在我要是想做一个上述图片的话，在iphone4中这个尺寸的图片所在的像素为60*60，如果我只做30px*30px的图片的话，假如这个图片叫做image.png ，那么系统会将这个图片放大，会出现模糊的现象.
& 这时候，我们可以告诉美工做一个60px*60px的图，命名为image@2x.png,然后将这两个图片都拖动到Images.xcassets文件夹里面，系统会自动生成一个image的文件，里面对号入座着image不同分辨率的图片，我们的程序在使用中，直接使用image.png为图片名即可，程序会根据不同的屏幕来加载不同的图片
& 又来到了2012年，苹果发布了iphone5，这时候屏幕改为4英寸，但是由于像素密度没有改变，iphone5和iphone5s都是用的是@2x的图片
& 时光飞逝,苹果发布了iphone6和iphone6 plus ，iphone6的像素分辨率没有改变，但是plus的像素分辨率改变了，一个点差不多对应2.46个像素，那么我们是不是应该做一个图片加上@2.46x呢，答案是否定的。苹果为方便开发者用的是@3x的素材，然后再缩放到@2.46x上。这时候我们想要这个image.png适配iphone6 plus的话，需要做一个大小为90px*90px的image@3x.png图片，然后在拖动到Images.xcassets文件夹里面
& &所以，如果我们想要坐到完美适配，同一个图片必须要做@1x,@2x,@3x三种，这三种类型的长度的比例为: & & @3x为三倍的@1x & & &@2x为两倍的@1x
& &下面上一张从第一行的那个链接中的博客截的iPhone尺寸图,不得不说总结的非常好
& 总体来说，iphone的屏幕密度并没有安卓的那么复杂，但是如果只靠一个pt想解决IOS下多机型的适配的话，估计只能在代码中手动写了(想想就可怕)，真正的iphone适配利器是AutoLayout,正确的使用AutoLayout不仅能大大的减少我们的工程量，还能非常完美的解决多分辨率下的适配问题。
& 我们下一节在讨论AutoLayout,链接为: & &
本文已收录于以下专栏：
相关文章推荐
关于苹果iPhone 6s的屏幕参数相信大家都不会陌生，尺寸为4.7英寸，1334 x 750的分辨率使其ppi达到326
sp 与 px 的换算公式：sp*ppi/160 = px
总结得出：
...
从初代iPhone3GS到现如今的iPhone6(+)，屏幕尺寸、分辨率、像素密度都在在不断增大。如何适配不同的屏幕尺寸，使UI更加协调美观，这给iPhone/iOS应用开发者带来了挑战。
本文结合个...
【iOS开发】多屏尺的自动适配 AutoLayout （纯代码方式）
 ( 09:35:47)
标签： 
autolayout
下面说一下我个人对Auto Layout的见解:
1.当你对一个ViewA使用Auto Layout的时候，系统将会只使用Auto Layout中的条件来限制ViewA，而你原先对这个ViewA...
1、屏幕尺寸
通常所说的iPhone3GS屏幕尺寸为3.5英寸、iPhone4屏幕尺寸为4英寸，指的是显示屏对角线的长度。
2、iOS尺寸单位
1) px：
像素，是物理屏幕显示的基本单位，即使在...
30px转成磅为单位＝22磅＝二号
磅=(像素/96)*72
=(30/96)*72
中文字号VS英文字号(磅)VS像素值的对应关系：
八号＝5磅(5pt) =...
在iOS界面开发中，我们一般是使用pt(Point)来作为View的单位，它是一个标准的长度单位，1pt＝1/72英寸
  而px即为我们所说的像素，是物理屏幕显示的基本单位，虽然我们在程序中使...
在设计之初，Android系统就被设计为一个可以在多种不同分辨率的设备上运行的操作系统。对于应用程序来说，系统平台向它们提供的是一个稳定的，跨平台的运行环境，而关于如何将程序以正确的方式显示到它所运行...
既传统计算机语言中描述的像素，在Android则代表绝对像素。
之所以Android中不推荐使用这种单位，正是因为：Android中不同品牌，不同屏幕的设备，其分辨率亦不一。...
他的最新文章
您举报文章：
举报原因：
原文地址：
原因补充：
(最多只允许输入30个字)文章-1213&
在印刷排版中，“point”是一个绝对的单位，它等于 1/72 英寸，可以用尺子丈量的，物理的英寸。但在 CSS 中 pt 的含义却非如此，例如我们指定一个字体是 9pt，我们会以为按照 CSS 规范，它等于:
　　9 * 1/72 = 1/8 inch
　　这是一个误解，因为我们的显示器被分割为了一个个的像素，单个像素只能有一种颜色 (为了简化，这里暂不讨论次像素反锯齿技术)，要在屏幕上显示，必须先把以 pt 为单位的长度转换为以像素为单位的长度，这个转换的媒介，就是 DPI (事实上，这里的所谓的 DPI，是操作系统和浏览器中使用的术语，即为 PPI, pixels per inch，和扫描仪、打印机、数码相机中的 DPI 是不同的概念)。
　　例如，无论在哪个操作系统中，Firefox 浏览器默认的 DPI 都是 96，那么实际上 9pt = 9 * 1/72 * 96 = 12px。
　　所以，虽然“DPI”中的“I”和“1pt 等于 1/72 inch”中的“inch”，都不代表物理上的英寸，但这两个单位互相之间是相等的，也就在相乘中约掉了。
　　那么，真实的物理长度怎么计算呢?请拿出一把尺子，丈量你的显示器的可见宽度 (我这里是 11.2992 英寸)，除以横向分辨率 (我这里是 1024 像素)，得到的就是每个像素的物理长度。
　　现在我们可以回答这样一个问题，网页上 9pt 的字体究竟占用了多宽的空间?&&&&& 答案是:
　　9 * 1/72 * 96 * 11.2992 / 1024 = 0.1324 英寸 = 0.3363 厘米。
CSS相对长度单位(relative length unit)
　　CSS相对长度单位中的相对二字，表明了其长度单位会随着它的参考值的变化而变化，不是固定的。
　　以下是CSS相对长度单位列表：
CSS相对长度单位 说明em 元素的字体高度The height of the element's fontex 字母x的高度The height of the letter "x"px 像素Pixels% 百分比Percentage
CSS绝对长度单位(absolute length unit)绝对长度单位是一个固定的值。比如我们常用的有mm，就是毫米的意思。
以下是CSS绝对长度单位列表：
CSS绝对长度单位 说明in 英寸Inches (1 英寸 = 2.54 厘米)cm 厘米Centimetersmm 毫米Millimeterspt 点Points (1点 = 1/72英寸)pc 皮卡Picas (1 皮卡 = 12 点)
1. 企业名称（TRADE NAME）：通常指自然人如个体工商户或个人合伙经营的店名。2. 名声3. 是指印刷用活字的大小，是从活字的字背到字腹的距离。
我国的活字采用以点数制为辅、号数制为主的混合制来计量。
■ 点数制点数制又叫磅数制，是英文point的音译，缩写为P，既不是公制也不是英制，是印刷中专用的尺度。我国大都使用英美点数制。1点（1P）＝0.35146mm
■ 号数制号数制是以互不成倍数的几种活字为标准，加倍或减半自成体系。字号的大小可以分为以下四个序列。[*]四号序列：一号、四号、小六号
[*]五号序列：初号、二号、五号、七号
[*]小五号序列：小初号、小二号、小五号、八号
[*]六号序列：三号、六号
■ 号数、点数制对照表序号&&&&&&&&& 字号&&&&&&&&&&& 点数&&&&&&&& 尺寸（mm）1&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&& & 72&&&&&&&&&& & 25.3052&&&&&&&&&&&& 大特号&&&&&&&&&& &63&&&&&&&&&&& 22.1423&&&&&&&&&&&&& 特号&&&&&&&&&&&&& 54&&&&&&&&& & 18.9794&&&&&&&&&&&&& 初号&&&&&&&&&&& & 42&&&&&&&&&& &14.7615&&&&&&&&&&&& 小初号&&&&&&&& & 36&&&&&&&&&& &12.6536&&&&&&&&&&&& 大一号&&&&&&& & 31.5&&&&&&& & 11.0717&&&&&&&&&& 一（头）号&&& & 28&&&&&&&&&&& &9.8418&&&&&&&&&&&&& 二号&&&&&&&&&&&& &21&&&&&&&& && 7.3819&&&&&&&&&&&& 小二号&&&&&&&&&& 18&&&&&&& &&& 6.32610&&&&&&&&&&& 三号&&&&&&&&&& & 16&&&&&&&&& & 5.62311&&&&&&&&&&& 四号&&&&&&&&&&&&&14&&&&&&&&& & 4.92012&&&&&&&&&& 小四号&&&&& &&&& 12&&&&&&&&&& 4.21813&&&&&&&&&&& 五号&&&&&&&&& & 10.5&&&&&&&&& 3.69014&&&&&&&&&& 小五号&&&&&&& && 9&&&&&&&&&&& &3.16315&&&&&&&&&&& 六号&&&&&&&&&&&& &8&&&&&&&&&&& 2.81216&&&&&&&&&& 小六号&&&&&& &6.875&&&&&& &2.41617&&&&&&&&&&& 七号&&&&&&&& & 5.25&&&&&& & 1.84518&&&&&&&&&&& 八号&&&&&&&&&& &4.5&&&& &&&& 1.581
■ 说明从上表中可以看出，常用的MS-WORD软件中字号的大小与印刷业中字号的大小是不一致的。如MS-WORD中的二号字是22磅，但在印刷业中应该是21磅。
　　一般表述字体大小的计量单位有两种，一种是汉字的字号，如初号、小初、一号、…七号、八号；另一种是用国际上通用的“磅”来表示，如4、4.5、10、12、&#等。&&&　　中文字号中，“数值”越大，字就越小，所以八号字是最小的；在用“磅”表示的字号时，数值越小，字符的尺寸越小，数值越大，字符的尺寸越大。1磅有多大呢？2.83磅等于1毫米，所以28号字大概就是一厘米高的字，约相当于中文字号中的一号字。&　　我们常说的“宋体,9”，表示的单位其实是磅，也就是&& 9&& 磅的宋体。&&&　　关于像素和磅的关系，我们来换算一下。在小字体的时候，分辨率是&& 96dpi&& ，也就是说一英寸能显示&& 96&& 个像素；9&& 磅是&& 1/8&& 英寸，所以&& 96/8=12&& 像素。也就是说，我们通常见到的字体就是这种&& 12x12&& 点阵的字体了。
　　另外，在大字体的时候，分辨率是&& 120dpi&& ，9&& 磅是&& 1/8&& 英寸，所以&& 120/8=15&& ，就是说大字体时，显示的&& 9&& 磅字体其实是&& 15x15&& 点阵的字体。
阅读(...) 评论() &查看: 16604|回复: 6
如何把AI设置为显示px，而不是默认的pt？？【已解决】
本帖最后由 ξ汤圆ξ 于
09:21 编辑
看图。忘记在哪设置了。。。
本帖的地址：跟着教程做一遍，做完的图要到这里评论交作业，教程有看不懂的地方，可以在贴子下面评论
本帖子中包含更多资源
才可以下载或查看，没有帐号？
编辑 ，首选项，单位和显示性能
编辑 ，首选项，单位和显示性能
D-rosemary 发表于
对，我也忘记在哪设置了，谢谢
编辑 ，首选项，单位和显示性能
D-rosemary 发表于
也可以打开标尺
在标尺上右击，然后选择 像素
学习了，呵呵，我刚知道。非常感谢！！
谢谢。。问题解决。。。
可以直接按“Ctrl+Shift+Alt+U”来按顺序切换哈！
热门版块：
帖子推荐：
01.02.03.04.05.06.07.08.
图文热帖：
9:00-22:00
学习，从教程网开始！
部分带宽赞助
Copyright &
备案号：&&&在 SegmentFault，解决技术问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
一线的工程师、著名开源项目的作者们，都在这里：
获取验证码
已有账号？
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
2张叠加图片上面是那个视图是weex页面，下面那个是原生页面；两个页面顶部搜索栏渲染不一致（都是按照UI效果图尺寸iPhone6设计稿来设置的，只有iPhone6机型没问题，其他机型有差异。）这是CSS设置请教下有没有什么好的解决方案
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
同问啊，真是郁闷，都没人回答，这样开源让人很受伤
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
你也许需要动态设置weex的导航条的高度，不能直接写死。让原生端打开weex页面时动态计算当前类型手机显示的导航条高度，weex端拿到真实像素高度后在换算成weex的单位
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
你按照750分辨率来做就可以了
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
在写 css 的时候不带单位， ui以750宽进行设计。 weex 会自动安装屏幕比例设置大小的。
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：