当前位置: 首页 > article >正文

pc电脑屏幕分辨率尺寸

PC端有时候需要做一下页面适配不同屏幕分辨率,
一般我们可能通过百分比、flex、rem等布局实现。
对于系统一开始就没有使用rem的情况,我们一般都是用px布局高度不限制百分比\flex就够了,
但有时需要做一个全屏完整展示页面,可能内容较多,会发生溢出滚动条等现象,需要适配各种PC电脑分辨率时候。

那么我们想到使用响应式适配调整元素间距、高度等方式,但是具体适配哪些,我们不得而知。于是我就整理了下主要PC屏幕分辨率如下:

常见的浏览器屏幕大小(或称为分辨率)

因设备、屏幕尺寸和用户设置的不同而有所差异。以下是一些常见的浏览器屏幕大小(分辨率)示例:

16:9 宽高比:

  • 1280×720(常用于17寸屏幕)
  • 1366×768(常用于18.5寸屏幕)
  • 1600×900(常用于20寸屏幕)
  • 1920×1080(常用于20寸以上屏幕,特别是21.5、23、23.6、24、24.6、25、27寸屏幕)

16:10 宽高比:

  • 1280×800(常用于13.3、14.1、15.4寸笔记本电脑)
  • 1440×900(常用于17.1、19寸屏幕)
  • 1680×1050(常用于20、21.6、22寸屏幕)
  • 1920×1200(常用于22、24、25.5、27、27.5寸屏幕)

5:4 宽高比:

  • 1280×1024(常用于17、19寸屏幕)

4:3 宽高比:

  • 800×600(较老的屏幕尺寸)
  • 1024×768(常用于17寸CRT显示器和15寸LCD显示器)
  • 1280×960、1400×1050(常用于20寸屏幕)
  • 1600×1200、1920×1440、2048×1536(常用于高端CRT显示器)

pc端开发建议尺寸为最低1280px,低于1280px显示横向滚动条

可能用于项目内使用设备原因,我的笔记本是比较小分辨率1366,显示器1920,也有1600的不同高度的表现不同,

但我发现1600是一个比较特殊的屏幕分辨率,高度分辨率可能小也可能大,宽度分辨率是中小屏,但高度上达到了大屏的级别,
排除1366以下的小屏适配,
因此我对于1600作为分界点做4套@media screen适配,
1336-1600以下一套,
1600W并800H以下一套,
1600W并800H以上适配一套,
还有就是1600以上屏幕。

可根据实际具体情况参考以上分辨率使用。


http://www.kler.cn/a/372792.html

相关文章:

  • 02 什么是Babel
  • java项目之智能学习平台系统源码(springboot)
  • isp框架代码理解
  • 开源生活-分布式管理
  • 【C/C++】结构体的定义
  • Qt Modbus初识
  • MetaArena推出《Final Glory》:引领Web3游戏技术新风向
  • Flutter鸿蒙next 封装对话框详解
  • 实现链式结构的二叉树
  • C++ 之 VS2010 和MySQL数据库的链接问题
  • 【K8S系列】Kubernetes 中 Service 无法访问及解决方案【已解决】
  • 单片机如何入门?
  • Android adb命令获取设备id
  • CentOS 9 Stream 上安装 Visual Studio Code
  • Go语言八股(Ⅲ)
  • C#与C++交互开发系列(十四):C++中STL容器与C#集合传递的形式
  • lvm故障小贴士
  • 响应报文时间
  • CPB数据集:由斯坦福大学发布,一个新的视频问题回答任务基准,能够连续且全面处理视频数据
  • Golang | Leetcode Golang题解之第521题最长特殊序列I
  • C#与C++交互开发系列(十七):线程安全
  • 查询windows或者linux上 支持的所有字体
  • 100种算法【Python版】第9篇——二分法
  • 香港海洋投资引领海洋牧场新一轮融资热潮
  • 摄像头点击器常见问题——摄像头视窗打开慢
  • 探索合成数据,在医学视觉语言预训练中的应用可行性