热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

关于分辨率的理解

工作遇到一大屏项目,对方给的数据是2m*2m的屏,分辨率是1920*1080。于是陷入思考,屏幕显示比例为1:1࿰

工作遇到一大屏项目,对方给的数据是 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,如果不是屏幕不能全部显示,就是内容会被压缩。后面确实是数据给错了。

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


推荐阅读
  • HTML学习02 图像标签的使用和属性
    本文介绍了HTML中图像标签的使用和属性,包括定义图像、定义图像地图、使用源属性和替换文本属性。同时提供了相关实例和注意事项,帮助读者更好地理解和应用图像标签。 ... [详细]
  • 本文介绍了在Windows环境下如何配置php+apache环境,包括下载php7和apache2.4、安装vc2015运行时环境、启动php7和apache2.4等步骤。希望对需要搭建php7环境的读者有一定的参考价值。摘要长度为169字。 ... [详细]
  • Redis底层数据结构之压缩列表的介绍及实现原理
    本文介绍了Redis底层数据结构之压缩列表的概念、实现原理以及使用场景。压缩列表是Redis为了节约内存而开发的一种顺序数据结构,由特殊编码的连续内存块组成。文章详细解释了压缩列表的构成和各个属性的含义,以及如何通过指针来计算表尾节点的地址。压缩列表适用于列表键和哈希键中只包含少量小整数值和短字符串的情况。通过使用压缩列表,可以有效减少内存占用,提升Redis的性能。 ... [详细]
  • 本文介绍了lua语言中闭包的特性及其在模式匹配、日期处理、编译和模块化等方面的应用。lua中的闭包是严格遵循词法定界的第一类值,函数可以作为变量自由传递,也可以作为参数传递给其他函数。这些特性使得lua语言具有极大的灵活性,为程序开发带来了便利。 ... [详细]
  • GetWindowLong函数
    今天在看一个代码里头写了GetWindowLong(hwnd,0),我当时就有点费解,靠,上网搜索函数原型说明,死活找不到第 ... [详细]
  • 生成式对抗网络模型综述摘要生成式对抗网络模型(GAN)是基于深度学习的一种强大的生成模型,可以应用于计算机视觉、自然语言处理、半监督学习等重要领域。生成式对抗网络 ... [详细]
  • 本文介绍了求解gcdexgcd斐蜀定理的迭代法和递归法,并解释了exgcd的概念和应用。exgcd是指对于不完全为0的非负整数a和b,gcd(a,b)表示a和b的最大公约数,必然存在整数对x和y,使得gcd(a,b)=ax+by。此外,本文还给出了相应的代码示例。 ... [详细]
  • EPICS Archiver Appliance存储waveform记录的尝试及资源需求分析
    本文介绍了EPICS Archiver Appliance存储waveform记录的尝试过程,并分析了其所需的资源容量。通过解决错误提示和调整内存大小,成功存储了波形数据。然后,讨论了储存环逐束团信号的意义,以及通过记录多圈的束团信号进行参数分析的可能性。波形数据的存储需求巨大,每天需要近250G,一年需要90T。然而,储存环逐束团信号具有重要意义,可以揭示出每个束团的纵向振荡频率和模式。 ... [详细]
  • VScode格式化文档换行或不换行的设置方法
    本文介绍了在VScode中设置格式化文档换行或不换行的方法,包括使用插件和修改settings.json文件的内容。详细步骤为:找到settings.json文件,将其中的代码替换为指定的代码。 ... [详细]
  • 本文介绍了在开发Android新闻App时,搭建本地服务器的步骤。通过使用XAMPP软件,可以一键式搭建起开发环境,包括Apache、MySQL、PHP、PERL。在本地服务器上新建数据库和表,并设置相应的属性。最后,给出了创建new表的SQL语句。这个教程适合初学者参考。 ... [详细]
  • Nginx使用(server参数配置)
    本文介绍了Nginx的使用,重点讲解了server参数配置,包括端口号、主机名、根目录等内容。同时,还介绍了Nginx的反向代理功能。 ... [详细]
  • 基于layUI的图片上传前预览功能的2种实现方式
    本文介绍了基于layUI的图片上传前预览功能的两种实现方式:一种是使用blob+FileReader,另一种是使用layUI自带的参数。通过选择文件后点击文件名,在页面中间弹窗内预览图片。其中,layUI自带的参数实现了图片预览功能。该功能依赖于layUI的上传模块,并使用了blob和FileReader来读取本地文件并获取图像的base64编码。点击文件名时会执行See()函数。摘要长度为169字。 ... [详细]
  • 电销机器人作为一种人工智能技术载体,可以帮助企业提升电销效率并节省人工成本。然而,电销机器人市场缺乏统一的市场准入标准,产品品质良莠不齐。创业者在代理或购买电销机器人时应注意谨防用录音冒充真人语音通话以及宣传技术与实际效果不符的情况。选择电销机器人时需要考察公司资质和产品品质,尤其要关注语音识别率。 ... [详细]
  • 这是原文链接:sendingformdata许多情况下,我们使用表单发送数据到服务器。服务器处理数据并返回响应给用户。这看起来很简单,但是 ... [详细]
  • 如何去除Win7快捷方式的箭头
    本文介绍了如何去除Win7快捷方式的箭头的方法,通过生成一个透明的ico图标并将其命名为Empty.ico,将图标复制到windows目录下,并导入注册表,即可去除箭头。这样做可以改善默认快捷方式的外观,提升桌面整洁度。 ... [详细]
author-avatar
覃维欢
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有