屏幕分辨率:PC / 手机 屏幕常见分辨率,前端如何适配分辨率

一、常见的PC屏幕分辨率

序号水平像素点数和垂直像素点数也被称为常见显示器
11366 × 768720p 或 HD Ready常见于笔记本电脑和低端桌面显示器
21920 × 10801080p 或 Full HD / 全高清高端笔记本电脑和中高档台式机
32560 × 14402K 分辨率常见于高端笔记本电脑和高端台式机
43840 × 21604K 分辨率或 Ultra HD(UHD)常见于高端笔记本电脑、高端台式机和专业显示器
55120 × 28805K 分辨率常见于高端苹果电脑和专业显示器
67680 × 43208K 分辨率目前还是比较少见,常见于专业视频制作显示器

注意:分辨率的数字表示水平像素点数和垂直像素点数,例如1920x1080意味着在屏幕上有1920个水平像素和1080个垂直像素。以上是一些较为常见的PC屏幕分辨率,还有一些非常规分辨率的屏幕也会出现,如3440 x 1440、2560 x 1080等。不同的分辨率在显示效果和硬件要求上都会有所差异。

二、常见的手机屏幕分辨率

序号分辨率也被称为常见机型
1720 x 1280HD这种分辨率多用于个别入门级和中档手机上
2720 x 1440这是一种新兴的分辨率,目前许多入门级和中档手机使用
3750 x 1334这是iPhone 6、6s、7和8的常见分辨率
41080 x 1920Full HD这是目前最常见的分辨率,大多数中高档手机都采用这种分辨率
51125 x 2436这是iPhone X的分辨率,也是目前最高的iPhone屏幕分辨率
61440 x 2560Quad HD或者2K这种高分辨率多被用于高端手机上,如三星Galaxy S8和Note 8等机型

三、前端如何做分辨率适配

前端分辨率适配就是在不同分辨率的设备上,保证网页或应用程序的显示效果、布局和字体大小等元素能够相对合适的展示,以便用户能够更好的阅读和使用。

随着移动互联网的普及和设备类型的多样化,网站和应用程序的展示效果适配成为了一个必须要解决的问题。前端分辨率适配最主要的目标是让用户在不同的设备上看到相似的内容和布局,同时保证页面或应用程序的交互和响应速度。

常见的前端分辨率适配方法包括使用CSS媒体查询来设置不同设备的样式,使用rem单位来适配字体大小,使用Viewport单位来设置元素的大小和位置等。需要注意的是,前端分辨率适配并不是一成不变的解决方案,要根据应用的需求和用户的需求,不断优化适配方案,以获得更好的用户体验。

四、电脑分辨率设置

修改电脑的显示分辨率是指调节显示器的分辨率设置,即控制电脑显示器显示像素的多少。通过调整显示分辨率,可以使电脑的显示效果和观感得到优化,同时也能更好地满足用户对于不同应用场景下的显示需求。

需要注意的是,修改分辨率也会影响显示性能,较高的分辨率会对电脑的显示速度和反应速度造成一定的压力。因此,在修改分辨率时需要根据电脑的配置和实际需求来进行选择,以获得更好的显示效果和使用体验。

五、显示器的物理分辨率

显示器的物理分辨率是指显示器屏幕上像素的实际数量,通常以水平像素数和垂直像素数表示。例如,一台显示器的物理分辨率为1920x1080,即横向有1920个像素,纵向有1080个像素,总共有2073600个像素点。这意味着显示器能够显示的最高分辨率就是这个值。如果将显示器分辨率设置为低于这个值,那么显示器将在屏幕上重复使用像素以模拟更低的分辨率。如果将分辨率设置为高于物理分辨率的值,那么显示器将根据算法尝试显示更多的像素,但会导致模糊和失真等问题。因此,物理分辨率是显示器最基本、最重要的参数之一,也是决定显示屏幕清晰度的重要因素之一。

六、显示器的像素密度

显示器的像素密度指的是每英寸(或厘米)屏幕表面上的像素数。它通常用“像素每英寸(PPI)”或“像素每厘米(PPC)”来表示。像素密度越高,屏幕上的图像就越清晰、细腻,元素之间的间隔也就越小。

例如,一台14英寸笔记本电脑,分辨率为1920x1080,其像素密度约为157PPI,而同样分辨率的24英寸电视,其像素密度只有约91PPI。

需要注意的是,像素密度并不是屏幕尺寸的唯一决定因素,分辨率也是同样重要的因素。相同尺寸的屏幕,如果分辨率不同,其像素密度也会不同。

七、不同大小的pc对屏幕分辨率有影响吗

不同尺寸的PC对屏幕分辨率会产生影响。一般来说,PC屏幕尺寸越大,需要的分辨率也就越高,才能保证显示效果的清晰和细腻。因此在选择PC显示器时,我们需要考虑到屏幕尺寸和分辨率之间的匹配关系,避免出现分辨率过低或过高导致显示效果不佳的情况。

例如,一个15.6英寸的笔记本电脑和一个21.5英寸的台式电脑,它们的分辨率可能会有所不同,因为它们的屏幕尺寸不同,需要的分辨率也不同。在选择和调整分辨率时,我们需要根据具体的电脑尺寸和使用需求来做出选择,以获得更好的显示效果和用户体验。同时,还需要注意调整分辨率过高可能会导致视觉疲劳和电脑性能下降等问题,因此不能一味追求高分辨率。

八、不同大小的PC笔记本电脑常见的分辨率

8.1、windows笔记本电脑常见的分辨率

序号尺寸分辨率
113.3英寸1366×768,1280×800,1600×900,1920×1080
214英寸1366×768,1920×1080
315.6英寸1366×768,1920×1080
417.3英寸1366×768,1920×1080,2560x1440,3840x2160

需要注意的是,不同品牌的笔记本电脑在同样的屏幕尺寸下,分辨率可能会有所差异。同时,部分高端笔记本电脑可能会选择更高的分辨率,以获得更好的视觉效果和细节呈现。因此,在选择笔记本电脑时,除了考虑屏幕大小外,还需要关注其分辨率和显示效果等方面的表现。

8.2、苹果笔记本电脑常见的分辨率

序号型号尺寸分辨率
1Retina MacBook12英寸2304×1440
2MacBook Air13英寸1440 x 900
3MacBook Pro13英寸2560 x 1600
4MacBook Pro15英寸2880 x 1800
5MacBook Pro16英寸3072 x 1920

需要注意的是,这些分辨率都是苹果笔记本电脑的默认分辨率,用户可以通过更改系统设置来调整分辨率以适应自己的需要。

九、欢迎交流指正

十、参考链接

笔记本屏幕分辨率,笔记本屏幕分辨率1920 1080怎么样

常见电脑屏幕分辨率有哪些?-聚名资讯-聚名网

常见电脑屏幕分辨率_一般电脑分辨率是多少-CSDN博客

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/98059.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

CSS3实现动画加载效果

<!DOCTYPE html> <html lang"en"><head><meta charset"UTF-8" /><meta name"viewport" content"widthdevice-width, initial-scale1.0" /><title>加载效果</title><link rel"style…

C++基础——基础语法

1 注释 C支持单行注释和多行注释。 单行注释 // 注释内容单行注释直到改行末尾&#xff0c;可以与代码放在同一行&#xff0c;在代码后面注释 多行注释 /* 注释内容 */包含在其中的都会被注释 2 变量 变量的作用是给指定的内存空间起名&#xff0c;方便操作这段内存。变…

开启AI大模型时代|「Transformer论文精读」

论文地址: https://arxiv.org/pdf/1706.03762v5.pdf 代码地址: https://github.com/tensorflow/tensor2tensor.git 首发&#xff1a;微信公众号「魔方AI空间」&#xff0c;欢迎关注&#xff5e; 大家好&#xff0c;我是魔方君~~ 近年来&#xff0c;人工智能技术发展迅猛&#…

你的librosa和scikit-learn打架了吗?

被这个问题困扰好久&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01;&#xff01; 我的原来版本librosa0.7.1 和 scikit-learn1.3.1 一直拆了按&#xff0c;按…

【UE5 Cesium】15-Cesium for Unreal 加载本地影像和地形

目录 一、加载全球无高度地形 二、加载区域DEM 三、加载离线地图影像 一、加载全球无高度地形 1. 先去如下网址下载全球无高度地形&#xff1a;Using a global terrain layer without height detail - #9 by RidhwanAziz - Cesium for Unreal - Cesium Community 下载后如下…

好物周刊#12:计算机考研资料

https://cunyu1943.github.io https://yuque.com/cunyu1943 村雨遥的好物周刊&#xff0c;记录每周看到的有价值的信息&#xff0c;主要针对计算机领域&#xff0c;每周五发布。 一、项目 1. JEECG BOOT 低代码开发平台 一款基于代码生成器的低代码开发平台&#xff01;前后…

scala数组函数合集

目录 1. 添加类函数 2.生成类函数 3.删除类函数 4.查找类函数 5.统计类函数 6.修改类函数 7.判断类函数 8.获取集合元素 9.集合操作类函数 10.转换类函数 11.工具类函数 12.集合内与集合间计算函数 在 scala 中Array数组是一种可变的、可索引的数据集合 创建数组…

想升级macOS Big Sur,但是MacBook内存空间不够该怎么办?

随着使用时间的增长&#xff0c;我们会发现Mac电脑的存储空间越来越少&#xff0c;这时候我们就需要对Mac电脑进行清理&#xff0c;以释放更多的存储空间。那么&#xff0c;Mac空间不足怎么解决呢&#xff1f; 1.清理垃圾文件 Mac空间不足怎么解决&#xff1f;首先要做的就是清…

Linux: 基础IO

学习目标 1.C接口与系统调用接口的差别 2.文件描述符, 重定向, 一切皆文件, 缓冲区 3.fd与FILE, 系统调用和库函数的关系 4.系统中的inode 5.软硬链接 6.动静态库 预备知识 1.文件 内容 属性 2.文件的所有操作: a. 对内容的操作 b.对属性的操作 3.文件在磁盘(硬件)上, 我…

前端—— 分层模型和应用协议

1 分层模型 MAC地址 可以认为计算机专属&#xff0c;可以认为每台计算机的 MAC地址 固定不变&#xff1b; IP地址 可以认为是计算机当前的【家庭地址】&#xff0c;动态唯一&#xff0c;家庭地址变化&#xff0c;IP地址 也跟着变化&#xff1b; 举个例子&#xff0c;A 给 B 发…

MyBatisPlus(十五)分页查询

说明 MyBatisPlus 提供了分页查询的功能。 MyBatisPlus 的分页功能&#xff0c;是通过分页插件实现的。要使用分页功能&#xff0c;需要配置分页插件的拦截器。 MyBatisPlus 的分页功能&#xff0c;可以通过内置的API接口实现&#xff1b;也可以通过自定义的 mapper#method …

consulmanage使用

一、监控自建主机 需要在所有被监控的主机上部署node_exporter收集主机的监控数据 在此页面下载node_exporter安装包 Download | Prometheus 下载后解压安装包&#xff0c;并启动node_exporter服务 mkdir /opt/node_exporter && cd /opt/node_exporter tar -zxvf node_…

【计算机视觉|人脸建模】学习从4D扫描中获取的面部形状和表情的模型

本系列博文为深度学习/计算机视觉论文笔记&#xff0c;转载请注明出处 标题&#xff1a;Learning a model of facial shape and expression from 4D scans 链接&#xff1a;Learning a model of facial shape and expression from 4D scans | ACM Transactions on Graphics Pe…

stm32的GPIO寄存器操作以及GPIO外部中断,串口中断

一、学习参考资料 &#xff08;1&#xff09;正点原子的寄存器源码。 &#xff08;2&#xff09;STM32F103最小系统板开发指南-寄存器版本_V1.1&#xff08;正点&#xff09; &#xff08;3&#xff09;STM32F103最小系统板开发指南-库函数版本_V1.1&#xff08;正点&a…

【数据结构】论如何拿捏快速排序?(含非递归)

目录 一&#xff0c;快速排序&#xff08;递归&#xff09; 1&#xff0c;快排思想 2&#xff0c;霍尔排序 3&#xff0c;挖坑法 4&#xff0c;前后指针法 5&#xff0c;快速排序优化 1&#xff0c;三数取中法选key 2&#xff0c;小区间优化 二&#xff0c;快速排序&a…

Decorator

Decorator 动机 在某些情况下我们可能会“过度地使用继承来扩展对象的功能”&#xff0c; 由于继承为类型引入的静态特质&#xff0c;使得这种扩展方式缺乏灵活性&#xff1b; 并且随着子类的增多&#xff08;扩展功能的增多&#xff09;&#xff0c;各种子类的组合&#xff…

typescript: Builder Pattern

/*** file: CarBuilderts.ts* TypeScript 实体类 Model* Builder Pattern* 生成器是一种创建型设计模式&#xff0c; 使你能够分步骤创建复杂对象。* https://stackoverflow.com/questions/12827266/get-and-set-in-typescript* https://github.com/Microsoft/TypeScript/wiki/…

用这些IDEA插件,让你早下班两小时

GenerateAllSetter:一键调用一个对象的所有setter方法 RestfulTool:自动显示所有URL接口&#xff0c;快速检索接口 SequenceDiagram:以图形界面形式显示方法调用链&#xff0c;方便阅读源码、梳理代码 CamelCase:变量下划线转驼峰命名 Rainbow Brackets:帮助程序员识别代码中括…

SpringCloud Alibaba - Sentinel 限流规则(案例 + JMeter 测试分析)

目录 一、Sentinel 限流规则 1.1、簇点链路 1.2、流控模式 1.2.1、直接流控模式 1.2.2、关联流控模式 a&#xff09;在 OrderController 中新建两个端点. b&#xff09;在 Sentinel 控制台中对订单查询端点进行流控 c&#xff09;使用 JMeter 进行测试 d&#xff09;分…

Aurora中的策略模式和模板模式

Aurora中的策略模式和模板模式 在aurora中为了方便以后的扩展使用了策略模式和模板模式实现图片上传和搜索功能&#xff0c;能够在配置类中设置使用Oss或者minio上传图片&#xff0c;es或者mysql文章搜索。后续有新的上传方式或者搜索方式只需要编写对应的实现类即可&#xff…