前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >css适配不同分辨率屏幕_html5判断分辨率

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

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

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

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

60d20a7562ac1e6d42449052bb7dc832.png
60d20a7562ac1e6d42449052bb7dc832.png

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

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

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

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

a578eb7a5e1e3e37b7e74aef7ee48a23.png
a578eb7a5e1e3e37b7e74aef7ee48a23.png

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

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

1.P

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

79ec17ef9da114dccf432e8b864c3988.png
79ec17ef9da114dccf432e8b864c3988.png

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

2.K

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

34c361971e04a5726d609f318d1283d3.png
34c361971e04a5726d609f318d1283d3.png

3.ppi

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

2c924ce5257bc49ffb6f7ec85ebd514d.png
2c924ce5257bc49ffb6f7ec85ebd514d.png

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

29f48f062e53bb2cb177160aa0dda5fa.png
29f48f062e53bb2cb177160aa0dda5fa.png

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

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

15be58445cee4377bef51fb2e1e0ace6.png
15be58445cee4377bef51fb2e1e0ace6.png

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

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

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

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

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

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

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档