Loading [MathJax]/jax/input/TeX/config.js
前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >css适配不同分辨率屏幕_html5判断分辨率

css适配不同分辨率屏幕_html5判断分辨率

作者头像
全栈程序员站长
发布于 2022-09-21 09:39:35
发布于 2022-09-21 09:39:35
2.1K0
举报

大家好,又见面了,我是你们的朋友全栈君。

最近出了很多新机,很多人在购买前会详细查看手机参数,其中“分辨率”这一项让不少人一头雾水,究竟手机分辨率是什么?对我们的使用体验有什么影响?是不是分辨率越高越好?

教授估计这些问题百思特网让很多对手机了解不多的朋友产生困扰,所以今天就来为大家科普科普~

一、什么是手机屏幕分辨率?

图像的显示都是由许多像素点排列组成的,手机屏幕分辨率就代表着像素个数,当用手机屏幕中横向的像素点与竖向的像素点相乘的时候,再换算出来的比值就是屏幕的分辨率了。

这么说可能还不太好理解,用一张简单的图来解释:

二、P、K 、ppi代表什么意思?

相信大家看到过几种关于分辨率的表达方式,比如720P、2K、326ppi,他们代表的意义也各不相同。

1.P

“P”是Progressive的缩百思特网写,意百思特网思是“逐行扫描”,表示的是“视频像素的总行数”。

比如720P表示屏幕有720行的像素,具体分辨率为1280*720;1080P则表示屏幕总共有1080行像素数,具体分辨率为1920*1080。

2.K

“2K、4K”表示的是“视频像素的总列数”。如2K表示的是屏幕有2000列像素数,4K表示的是屏幕有4000列像素数。总的来说,只要是横像素大于2000的都可以叫做2k屏幕。

3.ppi

“ppi”全称为Pixels Per Inch,表示代表每英寸屏幕所拥有的像素数量,是手机屏幕的像素密度值。

理论上说来,ppi的数值越高,也就代表该屏幕显示出的图像密度越大,拟真度和还原程度也就越高。具体计算方式如下:

三、如何查看自己手机屏幕的分辨率

如果不清楚自己手机屏幕的分辨率,可以通过手动去查看,打开手机中的【设置】-【关于手机/我的手机】这个选项,然后就可以在”分辨率”那一栏看到手机屏幕的分辨率参数了,这个方法适用于大部分手机。

除了手动查看的方式之外,也可以自行上手机品牌的官网进行查询。

四、分辨率是否越高越好?

很多朋友认为,手机屏幕的分辨率越高,画面显示效果就越清晰,所以都是倾向于选择分辨率高的手机。其实关于这一点,我们可以辩证地来分析一下。

本文地址:https://www.best73.com/news/56699.html

发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/170347.html原文链接:https://javaforall.cn

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
分辨率_分辨率越高越好?手机屏幕分辨率多少才合适?现在终于搞清楚了[通俗易懂]
最近出了很多新机,很多人在购买前会详细查看手机参数,其中“分辨率”这一项让不少人一头雾水,究竟手机分辨率是什么?对我们的使用体验有什么影响?是不是分辨率越高越好?
全栈程序员站长
2022/08/03
6.4K0
分辨率_分辨率越高越好?手机屏幕分辨率多少才合适?现在终于搞清楚了[通俗易懂]
android全面屏像素密度,手机屏幕分辨率、PPI像素密度科普知识大全「建议收藏」
【PPi指数】是手机清晰度的重要决定因素,所谓的PPI即每英寸所拥有的像素数目。现在市售的大屏幕手机普遍分辨率都只停留在854*480的水平,同样的分辨率,屏幕越大,像素点之间的距离越大,屏幕就越粗糙。所以大屏幕也不一定能带来良好的视觉感受。
全栈程序员站长
2022/06/30
3.1K0
Android中的像素密度,屏幕密度,屏幕大小,分辨率,ldpi,mdpi,xhdpi,xxhdpi
Android开发为适配不同屏幕需要在资源文件中添加多套图片或者多套布局文件,这篇文章讲解多套图片。
全栈程序员站长
2022/06/27
6.7K0
Android中的像素密度,屏幕密度,屏幕大小,分辨率,ldpi,mdpi,xhdpi,xxhdpi
常识:分辨率1080p和720p有什么区别?
在现代科技时代,我们被各种高清视频内容包围着,例如电影、电视节目、游戏等。当我们购买新的电视或者观看在线视频时,常常会遇到两个常见的分辨率选项:1080p和720p。本文将详细比较1080p和720p之间的区别,帮助您理解它们的优势和劣势,以便在选择电视或观看内容时做出明智的决策。
网络技术联盟站
2023/06/09
2.2K0
常识:分辨率1080p和720p有什么区别?
【音视频原理】图像相关概念 ① ( 像素 | 分辨率 | 位深 )
" 像素 " 的英文全称是 " Picture Element " , 又称为 " Pixel " , 是 计算机图形学 中的一个基本概念 , 是图像的最小单位 ;
韩曙亮
2023/10/15
8630
【音视频原理】图像相关概念 ① ( 像素 | 分辨率 | 位深 )
iPhone屏幕分辨率及适配技术
一般情况下,我们说iPhone 8的屏幕是4.7寸屏,就是指iPhone 8的屏幕对角线为4.7英寸。 屏幕的单位是以英寸为单位,换算关系:1 inch = 2.54cm = 25.4mm。 2. 分辨率 历代iPhone的分辨率:
用户5521279
2020/09/23
3.9K0
iPhone屏幕分辨率及适配技术
屏幕分辨率dpi计算_hypodensity
我这里有一个400px*400px的正方形 由于一英寸=326,不够放,所以要用2英寸放
全栈程序员站长
2022/09/20
4K0
屏幕分辨率dpi计算_hypodensity
图文并茂带你弄懂物理分辨率、分辨率、物理像素、逻辑像素、dpr、ppi
物理分辨率(标准分辨率):显示屏的最佳分辨率,即屏幕实际存在的像素行数乘以列数的数学表达方式,是显示屏固有的参数,不能调节,其含义是指显示屏最高可显示的像素数。
砖业洋__
2023/05/06
2.7K0
图文并茂带你弄懂物理分辨率、分辨率、物理像素、逻辑像素、dpr、ppi
一个初级前端结合css、div谈一谈屏幕尺寸、分辨率、缩放概念
这几个小知识点,也许我们在日常中,经常有所耳闻,但是具体什么意思呢,总是容易混淆,经过我多次亲身经历开发,特地总结如下(不要小瞧这几个概念哦,这可跟我们css布局开发息息相关):
潜心专研的小张同学
2023/01/03
1.4K0
一个初级前端结合css、div谈一谈屏幕尺寸、分辨率、缩放概念
android手机分辨率
4:3 VGA 640*480 (Video Graphics Array) QVGA 320*240 (Quarter VGA) HVGA 480*320 (Half-size VGA) SVGA 800*600 (Super VGA)
用户9854323
2022/06/25
9190
android手机分辨率
网络摄像头带宽估算
一个像素占多大内存 多少字节取决于需要存储一个像素的多少信息,以及是否采用了压缩技术。 如果是非黑即白的二值图像,不压缩的情况下一个像素只需要1个bit。 如果是256种状态的灰度图像,不压缩的情况下一个像素需要8bit(1字节,256种状态)。 如果用256种状态标识屏幕上某种颜色的灰度,而屏幕采用三基色红绿蓝(RGB),不压缩的情况下一个像素需要占用24bit(3字节),这个就是常说的24位真彩色。
三杯水Plus
2021/02/26
4.3K1
网络摄像头带宽估算
iPhone 各屏幕尺寸及解析[通俗易懂]
表示沿着对角线,每英寸所拥有的像素(pixel)数目,PPI的数值越高,代表显示屏能够以越高的密度显示图像,即通常所说的分辨率越高,颗粒感越弱,图像更清晰。
全栈程序员站长
2022/07/26
3.6K0
iPhone 各屏幕尺寸及解析[通俗易懂]
Android碎片化之屏幕适配
现如今,因Android系统的开放性,市场上出现了不同厂商出厂的各种android版本、分辨率、型号等设备。那对我们开发来说,碎片化绝对是一个让人头脑炸裂的问题,Android系统碎片化、Android机型屏幕尺寸碎片化、Android屏幕分辨率碎片化。市面上安卓手机的主流屏幕尺寸种类繁多,就算搞定了屏幕尺寸问题,各种分辨率又让人眼花缭乱。面对测试同学抛过来的适配问题,心肝肺都要颤一颤。今天我们就谈谈屏幕适配的解决步骤。
优测云服务平台
2019/12/25
1.3K0
Android碎片化之屏幕适配
谈谈DPI、分辨率与缇
在客户端开发的过程中免不了要接触的就是像素,屏幕分辨率,这些概念是比较常见的,但很多时候真的就只是用而已,并不知道他们到底是一种什么关系,想起之前做看图的时候,经常就会遇到一些很有意思的图片文件,那个时候就研究了一下这几个概念。近来突然想起,就记录一下。
Harper
2021/07/27
1.4K0
Android适配全面总结(一)----屏幕适配
版权声明:本文为博主原创文章(部分引用他人博文,已加上引用说明),未经博主允许不得转载。https://www.jianshu.com/p/7aa34434ad4d
AWeiLoveAndroid
2018/09/03
2.5K0
Android适配全面总结(一)----屏幕适配
Vision Pro全球首拆第二弹!54倍像素塞进iPhone 15 Pro,分辨率效果惊人
在iFixit团队全球首拆Vision Pro几天之后,他们又对Vision Pro最核心的部件——显示模块进行了进一步的拆解。
新智元
2024/02/26
2870
Vision Pro全球首拆第二弹!54倍像素塞进iPhone 15 Pro,分辨率效果惊人
君正T31应用开发13:切换分辨率
一般我们买手机,电脑,只要和屏幕有关的东西的时候,都可以清晰的看到手机的参数是分辨率。
春江花月夜
2023/06/25
9031
君正T31应用开发13:切换分辨率
手机的尺寸、分辨率、像素密度的关系「建议收藏」
前言 一直以来,对手机屏幕尺寸、分辨率、像素和像素密度之间对关系摸不到头脑,今天就借此机会,学习记录一下啦。 屏幕(主屏)尺寸是什么,怎么算? 平时我们买手机,都有尺寸多大,比如苹果6s是5英寸的,华为p8是5.2英寸的,那么这个数字是怎么来的呢?开始以为是屏幕的面积大小,后来通过查询资料才知道,英寸是长度大小,不是面积单位,所以当然不是屏幕的面积咯。其实手机的尺寸其实代表手机屏幕的对角线长度。英寸和厘米的换算公式是: **1英寸(inch)=2.54厘米(cm)** 分辨率是什么? 比如我们看苹果6s的分辨率是1920PX*1080PX,这代表什么呢? 我们看到单位是PX,PX就是我们熟悉的像素,也就是苹果6s手机屏幕是由1920乘1080个像素组成的,1920代表的是手机纵向,1080代表的是手机的横向。 什么是屏幕像素密度? 屏幕像素密度,即每英寸屏幕所拥有的像素数,英文简称PPI。在读到这个每英寸屏幕时,我曾经深深的疑惑,这个每英寸是不是每平方英寸的简称呢?事实证明,我还是太年轻,这个英寸跟之前手机屏幕的尺寸一样,也是对角线的长度。所以,我们可以这么理解屏幕像素密度,即在一个对角线长度为1英寸的正方形内所拥有的像素数。 ####屏幕像素密度,分辨率,屏幕尺寸之间的关系是什么? 这三个专业名词之间,有着非常严谨的关系。为啥说严谨呢,因为这三者之间,有一个公式可以表示。
全栈程序员站长
2022/08/31
3K0
手机的尺寸、分辨率、像素密度的关系「建议收藏」
前端不止:Retina屏幕下两倍图
所见不一定即所得 眼睛是心灵的窗户,也是蒙蔽你的一种途径。 假设,我给你一张图片,你觉得肉眼可以观察到全部的细节吗? 屏幕上一张清晰的图片 肉眼在屏幕上看到图片的清晰度由三个因素决定,一是图片像素本
ThoughtWorks
2018/04/17
2.8K0
前端不止:Retina屏幕下两倍图
彻底搞清楚分辨率、像素、图片大小
1、控制面板打开看电脑屏幕的分辨率。1920、1080是像素块数量。 2、打开图片属性-详细信息看分辨率。看这个有多少个像素块。就知道占了屏幕的多少倍了(屏幕做参照物)。 3、其他像素相关东西: css里、编辑器里字体大小:14,代表14像素块。所以相同大小的字,放在不同的屏幕上眼睛看的大小不一样,因为屏幕的像素密度不一样(质量不一样,对比电脑、手机像素) 4、对比手机: iPhone8plus主屏尺寸是 5.5英寸,分辨率bai是 1920x1080.尼玛一个手机和一台电脑一样像素。 5、对比视频: 蓝光:通常蓝光的画面分辨率为1920×1080,也就是常说的1080P。 高清:通常高清的画面分辨率为1280x720,也就是常说的720P。 4K:4K图像中存在40962160个像素,在电视等家电设备中,在保证4K清晰度的前提下,厂商普遍使用38402160的格式以保证显示比例为16:9 超清(超高清):3840*2160以上都是。因此在称4K分辨率时,也可以称为4K超高清。
waki
2021/12/08
1.5K0
彻底搞清楚分辨率、像素、图片大小
推荐阅读
相关推荐
分辨率_分辨率越高越好?手机屏幕分辨率多少才合适?现在终于搞清楚了[通俗易懂]
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档