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

关于前端分辨率兼容和显示器缩放兼容的处理

如下图所示,我们的电脑屏幕可以进行缩放,和分辨率的切换。
在这里插入图片描述
我们在项目开发中,时常需要适配不同的分辨率。
一般来说,开发人员电脑分辨率显示正常的页面,只会在更小的分辨率尺寸中出现问题。
所以当测试人员给我们提分辨率兼容的问题单的时候,一般都是我们开发的页面,在更小的分辨率尺寸中显示异常。
但是因为电脑型号的不同,测试人员的机器电脑分辨率在我们的显示器中不一定有。
那么其实我们可以通过缩小我们的浏览器窗口,达到模拟测试人员机器的电脑分辨率的情况。

如下两图所示,在不同分辨率下,页面的宽度和分辨率的宽度是一致的。所以其实我们在1920的宽度分辨率下,把窗口缩小宽度到1600,是可以模拟1600分辨率的情况的。
在这里插入图片描述

在这里插入图片描述
但是有时候,测试人员的电脑会进行放大。
关于放大对界面的影响,放大多少比例,相当于页面宽度缩小多少比例的效果。如下显示器放大125%,那么页面的宽度是1920/125% = 1536px
所以如果我们要模拟显示器放大的效果,我们以对应的比例缩小窗口宽度即可模拟该效果了。

在这里插入图片描述
总结下,比如测试人员显示器分辨率是1920px的宽度,显示器缩放是125%的放大比例。
那么我们把我们的窗口宽度调整为1920/1.25% = 1536px的宽度,即可模拟测试人员的电脑显示状况,方便我们复现问题。


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

相关文章:

  • 人工智能与云计算的结合:如何释放数据的无限潜力?
  • BAPI_BATCH_CHANGE在更新后不自动更新批次特征
  • C语言性能优化:从基础到高级的全面指南
  • 接口调用限频(代理模式+滑动窗口)
  • Metagenome宏基因组,未识别的物种unclassified
  • 短视频矩阵账号管理技术源码搭建详解,支持OEM
  • ffmpeg的安装和使用教程及案例
  • 存储课程学习笔记1_访问scsi磁盘读写测试(struct sg_io_hdr,ioctl,mmap)
  • GAF-PCNN-BiLSTM、GASF-CNN-BiLSTM、GADF-CNN-BiLSTM的多特征分类预测/故障诊断
  • Linux操作系统:yum安装报错问题
  • Linux:特殊字符整理
  • 【区块链 + 人才服务】CERX- 基于联盟链的研学资源交换网络 | FISCO BCOS应用案例
  • Mysql链接异常 | [08001] Public Key Retrieval is not allowed
  • RK3399 android7.1 话柄电话功能
  • llms 文本分类的微调
  • 《论多源数据集成及应用》写作框架,软考高级系统架构设计师
  • 【Android】NestedScrollView的简单用法与滚动冲突、滑动冲突
  • 聚观早报 | 红魔电竞平板新品发布;台积电8月份营收
  • LabVIEW步进电机控制方式
  • node.js入门基础
  • Learn OpenGL In Qt之着色器
  • 【C++】 Vector
  • mysql mgr 集群部署 单主模式和多主模式
  • [论文笔记] t-SNE数据可视化
  • Java笔试面试题AI答之JDBC(3)
  • framebuffer