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像素老子去哪里给你要内容？）

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

px和分辨率的关系总结相关推荐

html 字号和像素的关系,像素与分辨率的关系
像素与分辨率的关系像素即px,是画面中最小的点(单位色块).像素的大小是没有固定长度值的,不同设备上1个单位像素色块的大小是不一样的. 分辨率=画面水平方向的像素值 * 画面垂直方向的像素值.分辨率 ...
像素是什么意思？一个像素有多大？告诉你像素和分辨率的关系！
像素是什么意思?一个像素有多大? 告诉你像素和分辨率的关系! 图片的像素和分辨率对于像素和分辨率这两个词,主要见于图片和显示设备上.只要你用到手机里的照相功能,你都要接触到这两个概念.只是大多数人都 ...
mac 4k分辨率字太小 27寸 hidpi_2019年显示器选购经验分享上篇（点距与尺寸和分辨率的关系）...
最近不知道怎么了,总想研究显示器,其实现在用的显示器也没坏,也许是需要新鲜感. 先说用途需求和预算: 接苹果MBP和台式机设计,修图,视频剪辑,但不靠这个吃饭. 打打单机游戏,看看电影看重:更大的 ...
像素和分辨率的关系完全剖析
像素是什么意思?一个像素有多大?告诉你像素和分辨率的关系! 图片的像素和分辨率对于像素和分辨率这两个词,主要见于图片和显示设备上.只要你用到手机里的照相功能,你都要接触到这两个概念.只是大多数人都是 ...
css中的px与屏幕实际的分辨率的关系
1.css中的px称为逻辑像素 :也叫"设备独立像素"(Device Independent Pixel, DIP),可以理解为反映在CSS/JS代码里的像素点数. 2.屏幕的分辨 ...
DPI与像素分辨率的关系
相机拍的图,电脑上画的图,word里的文字,电脑屏幕,手机屏幕,相机屏幕显示大小一切的一切都搞明白了! 先说图片 X×dpi=点数dot X是图片实际尺寸,简单点,我们只算图片的高吧,比如说拍了张图片 ...
安卓屏幕密度（Density）和分辨率的关系
density值表示每英寸有多少个显示点,与分辨率是两个不同的概念. 下面以480dip*800dip的WVGA(density=240dpi)为例,详细列出不同density下屏幕分辨率信息: de ...
前端移动端页面与手机尺寸和分辨率的关系
概念英寸 1英寸大概2.54cm 5.5英寸指的是手机对角线像素 . 一个屏幕都是由一个一个像素组建而成的,每个像素都对应一个小点.我们常见的 640*960 像素就说明了一个屏幕中包含了多少 ...
像素是什么意思？一个像素有多大？告诉你像素和分辨率的关系！
2019独角兽企业重金招聘Python工程师标准>>> 一. 图片的像素和分辨率对于像素和分辨率这两个词,主要见于图片和显示设备上.只要你用到手机里的照相功能,你都要接触到这两个概 ...

px和分辨率的关系总结

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

px和分辨率的关系总结相关推荐

最新文章

热门文章