javascript - 像素单位和设备独立像素的问题
大家讲道理
大家讲道理 2017-04-11 12:32:44
0
3
436

接触到h5的基础知识,了解到像素是一个相对单位,屏幕的尺寸才是绝对单位,因为屏幕尺寸是绝对单位,所以当这个屏幕容纳更多的像素点的时候,这个屏幕的像素密度(PPI)就高,这个我知道,但是我有个疑问,如果设计师在电脑上设计了163px163px的蓝色方块,那么在PPI为163的屏幕上,那这个方块看起来正好就是11寸大小吗?这个时候需要考虑电脑的像素密度吗?
因为163px是个相对单位,所以怎么知道在电脑上设计的163px,就在手机上也是163px呢,

大家讲道理
大家讲道理

光阴似箭催人老,日月如移越少年。

全部回覆(3)
大家讲道理

别走火入魔了,先别把px当成相对单位。

参考2篇旧文 CSS 长度单位,RETINA时代的前端优化

小葫芦

像素是一个相对单位

这个说法有点问题。如果你设计图的1px等于设备的1px,那么你163*163的正方形就是,长度就是一寸。像素密度不同,实际尺寸当然不一样。

所以怎么知道在电脑上设计的163px,就在手机上也是163px呢

web排版的时候是不考虑ppi的,至于怎么适配你需要明白viewport,dpr这些概念
给你个链接http://www.cnblogs.com/2050/p...先看看

迷茫

这个要看对应的手机逻辑分辨率是多少,而不是它的设置分辨率,这两者之间是1:n的关系

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板