热门标签 | 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,如果不是屏幕不能全部显示,就是内容会被压缩。后面确实是数据给错了。

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


推荐阅读
  • PHP 5.5.0rc1 发布:深入解析 Zend OPcache
    2013年5月9日,PHP官方发布了PHP 5.5.0rc1和PHP 5.4.15正式版,这两个版本均支持64位环境。本文将详细介绍Zend OPcache的功能及其在Windows环境下的配置与测试。 ... [详细]
  • 使用Python在SAE上开发新浪微博应用的初步探索
    最近重新审视了新浪云平台(SAE)提供的服务,发现其已支持Python开发。本文将详细介绍如何利用Django框架构建一个简单的新浪微博应用,并分享开发过程中的关键步骤。 ... [详细]
  • 本题通过将每个矩形视为一个节点,根据其相对位置构建拓扑图,并利用深度优先搜索(DFS)或状态压缩动态规划(DP)求解最小涂色次数。本文详细解析了该问题的建模思路与算法实现。 ... [详细]
  • 脑机接口(BCI)技术正逐步将科幻变为现实,从帮助听障人士恢复听力到使瘫痪者重新站立,甚至可能将多年的学习过程压缩至瞬间。本文探讨了这一前沿技术的现状、挑战及其未来前景。 ... [详细]
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
  • 本文详细分析了JSP(JavaServer Pages)技术的主要优点和缺点,帮助开发者更好地理解其适用场景及潜在挑战。JSP作为一种服务器端技术,广泛应用于Web开发中。 ... [详细]
  • QBlog开源博客系统:Page_Load生命周期与参数传递优化(第四部分)
    本教程将深入探讨QBlog开源博客系统的Page_Load生命周期,并介绍一种简洁的参数传递重构方法。通过视频演示和详细讲解,帮助开发者更好地理解和应用这些技术。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • PyCharm下载与安装指南
    本文详细介绍如何从官方渠道下载并安装PyCharm集成开发环境(IDE),涵盖Windows、macOS和Linux系统,同时提供详细的安装步骤及配置建议。 ... [详细]
  • 在 Windows 10 中,F1 至 F12 键默认设置为快捷功能键。本文将介绍几种有效方法来禁用这些快捷键,并恢复其标准功能键的作用。请注意,部分笔记本电脑的快捷键可能无法完全关闭。 ... [详细]
  • 本文总结了2018年的关键成就,包括职业变动、购车、考取驾照等重要事件,并分享了读书、工作、家庭和朋友方面的感悟。同时,展望2019年,制定了健康、软实力提升和技术学习的具体目标。 ... [详细]
  • 在计算机技术的学习道路上,51CTO学院以其专业性和专注度给我留下了深刻印象。从2012年接触计算机到2014年开始系统学习网络技术和安全领域,51CTO学院始终是我信赖的学习平台。 ... [详细]
  • 本周信息安全小组主要进行了CTF竞赛相关技能的学习,包括HTML和CSS的基础知识、逆向工程的初步探索以及整数溢出漏洞的学习。此外,还掌握了Linux命令行操作及互联网工作原理的基本概念。 ... [详细]
  • CSS 布局:液态三栏混合宽度布局
    本文介绍了如何使用 CSS 实现液态的三栏布局,其中各栏具有不同的宽度设置。通过调整容器和内容区域的属性,可以实现灵活且响应式的网页设计。 ... [详细]
  • 深度学习理论解析与理解
    梯度方向指示函数值增加的方向,由各轴方向的偏导数综合而成,其模长表示函数值变化的速率。本文详细探讨了导数、偏导数、梯度等概念,并结合Softmax函数、卷积神经网络(CNN)中的卷积计算、权值共享及池化操作进行了深入分析。 ... [详细]
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社区 版权所有