码迷,mamicode.com
首页 > 移动开发 > 详细

移动设备的尺寸

时间:2019-01-28 10:54:35      阅读:211      评论:0      收藏:0      [点我收藏+]

标签:元素   point   poi   window   dpi   简单   css   phone   ati   

1 point 是物理单位 或者称作磅   1point = 1/72 英寸  1英寸是2.54厘米
2 pixel的物理尺寸是不固定的
3 DPI   dots per inch,dot在显示器里指显示器的物理像素 或者叫实际的像素 每英寸的点数 一般指每英寸的像素数 如果值是72 那么在这个设备里 1 point = 1 pixel
4 PPI  每英寸有多少物理像素
5 苹果的产品ppi一般是72
6 iphone 6 横向375pt 即5.208英寸 (实际横向是2.6英寸)
7 devicePixelRatio 设备像素比 在视网膜屏幕的iphone上,屏幕物理像素640像素,独立像素( 或者叫CSS 像素分辨率)还是320像素,因此,window.devicePixelRatio等于2.   简单地说,这告诉浏览器应该使用多少个屏幕的实际像素来绘制单个 CSS 像素
8 如果希望网页的元素在高ppi设备上显示不模糊(比如1080x1920屏幕的手机),位图应该做3倍的尺寸(比如做300*300px的图,然后在css中设width和height为100px)

移动设备的尺寸

标签:元素   point   poi   window   dpi   简单   css   phone   ati   

原文地址:https://www.cnblogs.com/jason-beijing/p/10328447.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!