分辨率与px的关系
此篇文章的目的用于打印套打的位置计算,顺便科普下知识:
1寸=2.54厘米
14寸=355.6毫米
15.6寸=39.624厘米=396.24毫米;
21寸=533.4毫米
21.7寸=551.18毫米
27寸=685.8毫米
在相同的屏幕宽高下:如: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) | asd |
---|---|---|---|
px | 305.7/1366 = 0.22(毫米) | 396.24/1366 = 0.29(毫米) | sss |
虽然屏幕尺寸大小不一样,但可以看起来一样清晰,意味着 每毫米的像素值是一样的,但是苹果比较厉害,用更少的宽度承载或者说容下了相同数量的像素 (一像素就少了0.07毫米(少了24%的宽度))
这两个例子告诉我们,肉眼看得请不清晰,跟屏幕实际尺寸的大小没有任何关系,而是跟单位长度的像素点有决定性的关系
所以以后买电脑,需要尽量拜托宽度的误区(比如15寸就比13寸清晰),以下窃取阮一峰大大的分辨率常见解释:
对于前端开发来说,设计图是1920或者是1366并不代表是宽度,当你的网页完全按照设计图使用px来实现的话,有可能出现两种情况:
- html宽度用了设计图1366px,但无奈到了1024的电脑或者手机的时候,就会出现了横向滚动条(不够长的电脑表示:废话你的内容多了300像素老子去哪里给你要距离?)
- html宽度用了设计图1366px,到了1920的电脑上,就会出现大量的留白(不够长的网页表示: 废话你的电脑多出了550像素老子去哪里给你要内容?)
分辨率与px的关系的更多相关文章
- Android 多屏幕适配 dp和px的关系 最好用dp
Android 多屏幕适配 dp和px的关系 一直以来别人经常问我,android的多屏幕适配到底是怎么弄,我也不知道如何讲解清楚,或许自己也是挺迷糊. 以下得出的结论主要是结合官方文档进行分析的ht ...
- Android 多屏幕适配 dp和px的关系
一直以来别人经常问我,android的多屏幕适配到底是怎么弄,我也不知道如何讲解清楚,或许自己也是挺迷糊. 以下得出的结论主要是结合官方文档进行分析的https://developer.android ...
- Android中sp和px之间关系探究
记得当时在刚接触Android时都在说不要用px,要用sp,所以在实际工作当中当然就按照这个规则,所以都要将px换算成sp,而我在实际工作中的换算规则是dp=px * 1.5,而且用这种规则到现在基本 ...
- em与px换算关系以及常用列表
1.任意浏览器的默认字体大小都是16px.2.所有未经调整的浏览器都符合: 1em=16px 12px=0.75em 10px=0.625em3.为了简化font-size的换算,在body选择器中声 ...
- b1.关于em和px的关系
一般默认 1em=12px , em相对于其父元素的px定义: 但是 如果本身元素设置 font-size: 15px; em与px的比例随之变化. 一般根据浏览器默认的font-size:12p ...
- Android中dp、dpi与px的关系
转自知乎用户的回答: 1. dpi是dot per inch,每英寸多少点,ppi是 Pixel per inch,每英寸像素数,针对显示器的设计时,dpi=ppi.ppi计算方法是长宽各自平方之和开 ...
- dpi dp px 换算关系
getResources().getDisplayMetrics().densityDpi 就是屏幕密度.getResources().getDisplayMetrics().density 也可以理 ...
- android中依据不同分辨率dp和px的相互转算
public class PxAndDp { /** * 依据手机的分辨率从 dp 的单位 转成为 px(像素) */ public static int dip2px(Context context ...
- IOS 屏幕尺寸、分辨率、点之间的相互关系
iOS 设备现有的分辨率如下:iPhone/iPod Touch普通屏 320像素 x 480像素 iPhone 1.3G.3GS,iPod ...
随机推荐
- CSS padidng-top\margin-top\fixed 的特殊性
参考: 使用css时,可能会出错的两个地方 1.padidng-top\margin-top padidng-top\margin-top可以设置'px' 或者是'%',设置'px'略过,说一下设置‘ ...
- SQL基础教程(第2版)第8章 SQL高级处理:8-1 窗口函数
第8章 SQL高级处理:8-1 窗口函数 ● 窗口函数可以进行排序.生成序列号等一般的聚合函数无法实现的高级操作.● 理解PARTITION BY和ORDER BY这两个关键字的含义十分重要. ■什么 ...
- 云托管,边缘物理计算&托管物理计算,你所需要了解的……
随着业务发展,传统数据中心建设复杂性越来越高,基建的管理.设备的繁杂.人力成本的提升,是否让你的运维成本越来越高?企业生产效率却越来越低? 业务快速发展,设备采购周期冗长,大量采购造成CAPEX过重, ...
- PAT Advanced 1089 Insert or Merge (25) [two pointers]
题目 According to Wikipedia: Insertion sort iterates, consuming one input element each repetition, and ...
- java客房管理小项目,适合java小白练手的项目!
java客房管理小项目 这个客房管理小项目,适合java初学者练手.功能虽然不多,但是内容很齐全! 喜欢这样文章的可以关注我,我会持续更新,你们的关注是我更新的动力!需要更多java学习资料的也可以私 ...
- Codeforces 1294E - Obtain a Permutation
题目大意: 给定一个n*m的矩阵 可以更改任意一个位置的值 也可以选择一整列全部往上移动一位,最上方的数移动到最下方 问最少操作多少次可以把这个矩阵移动成 1 2 3 ... m m+1 m+2 m+ ...
- 基于node的前后端分离初识
久闻node的大名,先后也看过node的文档,但是,总是碍于没有挑起我的G点,所以实际codeing的例子都没有.最近,突然很有兴致,想把原有用页面ajax渲染的页面采用服务端node来渲染,研究了两 ...
- python3拆包详解
对于可迭代对象,如元组.列表.字符串.集合.字典这些可迭代对象都可以被拆包,拆包是指将一个结构中的数据拆分为多个单独变量中.拆包的方式大致有两种,一种是以变量的方式来接收,另一种是用'*'号.下面先讲 ...
- c++语法(2)
#include<iostream> #include<windows.h> using namespace std; class Parents { public: virt ...
- 量化投资_关于Multicharts砖型图(传统砖型图和非传统砖型图)最详细的解释_调用篇
1. 砖图形成数组后,我们再对他们复制到数组中然后再调用出来看一下. 2. 如下是累计只取20个数组大小为例,如果开始阶段数组长度组成初始的Array[20]的长度,然后这个数组的最后一个值填满后,进 ...