必威体育Betway必威体育官网
当前位置:首页 > IT技术

px和分辨率的关系总结

时间:2019-07-22 04:40:00来源:IT技术作者:seo实验室小编阅读:79次「手机版」
 

px

在相同的屏幕宽高下:如:15.6英寸(396.24毫米)的笔记本电脑

每单位 1920*xxx的分辨率 1366*xxx的分辨率
一毫米 1920/396.24=4.8个px 1366/396.24=3.4个px

  • 高分辨率意味着大约每一毫米5像素点,像素点越多,色块越多,页面越清晰
  • 低分辨率意味着大约每一毫米3像素点,像素点越少,色块越少,页面越模糊

在相同的像素点下:如:1366*xxx的分辨率:

每单位 Ipad pro(宽度305.7mm) 笔记本(396.24mm)
一px 305.7/1366 = 0.22(毫米) 396.24/1366 = 0.29(毫米)
  • 虽然屏幕尺寸大小不一样,但可以看起来一样清晰,意味着 每毫米的像素值是一样的,但是苹果比较厉害,用更少的宽度承载或者说容下了相同数量的像素 (一像素就少了0.07毫米(少了24%的宽度))

这两个例子告诉我们,肉眼看得请不清晰,跟屏幕实际尺寸的大小没有任何关系,而是跟单位长度的像素点有决定性的关系

所以以后买电脑,需要尽量拜托宽度的误区(比如15寸就比13寸清晰),以下窃取阮一峰大大的分辨率常见解释:

这里写图片描述

对于前端开发来说,设计图是1920或者是1366并不代表是宽度,当你的网页完全按照设计图使用px来实现的话,有可能出现两种情况:

- html宽度用了设计图1366px,但无奈到了1024的电脑或者手机的时候,就会出现了横向滚动条(不够长的电脑表示:废话你的内容多了300像素老子去哪里给你要距离?)

- html宽度用了设计图1366px,到了1920的电脑上,就会出现大量的留白(不够长的网页表示: 废话你的电脑多出了550像素老子去哪里给你要内容?)

这才是我们开发者需要解决的难题

相关阅读

数据魔方是淘宝天猫选品工具吗?和生意参谋是什么关系?

现在要做好一个淘宝天猫店,还是需要花上大量的时间和精力的,所以就要用到这个相关的运营工具了,那么这个数据魔方可以为店铺去分析数

UML系列——用例图中的各种关系(include、extend)

转自:http://www.cnblogs.com/wolf-sun/p/3411175.html 用例图中的各种关系 一、参与者与用例间的关联关系  参与者与用例之间的

导数、微分、偏导数、全微分、方向导数、梯度的定义与

学习到机器学习线性回归和逻辑回归时遇到了梯度下降算法,然后顺着扯出了一堆高数的相关概念理论:导数、偏导数、全微分、方向导数、

python基于共现的《红楼梦》人物关系图

作为中国古典四大名著,《红楼梦》的影响深远,至今家喻户晓。历来红学家们都在研究《红楼梦》。最近受python自然语言处理的影响,突然

淘宝和千牛是什么关系?千牛有什么用?

淘宝和千牛是什么关系?千牛有什么用?千牛是淘宝、天猫卖家工作台,不过最初淘宝商家使用的是阿里旺旺卖家版,千牛可以说是阿里旺旺的升

分享到:

栏目导航

推荐阅读

热门阅读