关于分辨率的理解

工作遇到一大屏项目,对方给的数据是 2m*2m 的屏,分辨率是 1920*1080。于是陷入思考,屏幕显示比例为1:1,分辨率却是1920:1080 即 16:9,这样真的没问题吗?这样画面不会压缩?物理尺寸和分辨率到底是什么关系,为了弄清楚,做了一些简单的代码测试。然后果然是对方数据给错了。

1. 电脑屏幕尺寸是什么 

      以我自己的电脑联想y7000为例,屏幕为15.6英寸,这里的15.6指的是电脑对角线的长度,英寸是长度单位,1英寸=2.54厘米。对于一个直角三角形来说,只知道斜边的长度没办法确定另外两条直角边的长度,即无法确定一个直角三角形。对于联想y7000来说,屏幕长宽比为16:9,有了15.6加16:9这两个条件,我们就得到了一个确定宽高的电脑屏幕。

2. 屏幕物理尺寸和分辨率的关系

      打开我的电脑显示分辨率可以看到,推荐分辨率为 1920*1080,当我们设置分辨率为 1920*1080 的时候,写代码将body宽高分别设置为 1920px 和 1080px; 可以看到body刚好填满全屏(F11全屏后)

html, body {
    margin: 0;
	padding: 0;
	width: 1920px;
	height: 1080px;
	background-color: red;
}

      我们把整个屏幕想象为一张格子纸,分辨率1920*1080就是分割成1920*1080个格子,我们在代码中写width和height相等时,我们会得到一个正方形,说明每一个格子应该是一个正方形,由此我们可以想到 1920/1080 刚好和屏幕物理宽高比相同,都是 16:9,这样就保证了每一个格子都是正方形。

     为了验证,打开电脑显示分辨率可以看到有如下分辨率:

      其中,只有 1920*1080,1600*900,1280*720 比例为 16:9,经验证,确实只有这几种分辨率的时候,显示区域没有黑边会全部填充。当设置为其他分辨率时,电脑屏幕显示区域也会改变,变为和分辨率比例相等的宽高。

      所以,针对最开始的问题,如果是2m*2m的屏,分辨率为1920*1080,如果不是屏幕不能全部显示,就是内容会被压缩。后面确实是数据给错了。

      (简单理解,有问题请大家指教!!!!!!顺便记录一下,方便之后理解,一直对分辨率这块不熟悉)

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值