Easyui 框架,在屏幕缩放和网页缩放组合的情况下显示异常

老虎说测试 大话测试字数 299阅读0分59秒阅读模式
摘要在WIN10系统上,默认的屏幕显示会是 150% 缩放,这样的情况下,界面内容较多的情况下,用户会去操作浏览器的缩放,这样就容易出现一些显示异常,目前使用的是 easyui 框架写...

在WIN10系统上,默认的屏幕显示会是 150% 缩放,这样的情况下,界面内容较多的情况下,用户会去操作浏览器的缩放,这样就容易出现一些显示异常,目前使用的是 easyui 框架写的界面,典型就出现了显示异常的问题。

显示异常的现象如下:文章源自陈学虎-https://chenxuehu.com/article/2023/02/8064.html

Easyui 框架,在屏幕缩放和网页缩放组合的情况下显示异常-图片1 Easyui 框架,在屏幕缩放和网页缩放组合的情况下显示异常-图片2文章源自陈学虎-https://chenxuehu.com/article/2023/02/8064.html

还有其他很多的界面也会出现这些错位的现象,也是之前设计考虑不足,没进行相关的测试,这次花了两天的时间来调整这些这些界面的兼容性,目前已经基本优化完成了。文章源自陈学虎-https://chenxuehu.com/article/2023/02/8064.html

优化后的效果:文章源自陈学虎-https://chenxuehu.com/article/2023/02/8064.html

Easyui 框架,在屏幕缩放和网页缩放组合的情况下显示异常-图片3 Easyui 框架,在屏幕缩放和网页缩放组合的情况下显示异常-图片4文章源自陈学虎-https://chenxuehu.com/article/2023/02/8064.html

这样看起来就舒服多了。文章源自陈学虎-https://chenxuehu.com/article/2023/02/8064.html

以前没多关注这个屏幕缩放,和浏览器缩放的组合情况,发现尤其是在屏幕缩放到 175% 显示,浏览器缩放到 33%  67% ,这样的比例下特别容易出现显示异常的问题,后续设计需要多关注下。文章源自陈学虎-https://chenxuehu.com/article/2023/02/8064.html

Easyui 框架,在屏幕缩放和网页缩放组合的情况下显示异常-图片5文章源自陈学虎-https://chenxuehu.com/article/2023/02/8064.html

 文章源自陈学虎-https://chenxuehu.com/article/2023/02/8064.html

Easyui 框架,在屏幕缩放和网页缩放组合的情况下显示异常-图片6文章源自陈学虎-https://chenxuehu.com/article/2023/02/8064.html

 

 

 
  • 版权声明:本文为原创文章,转载请附上原文出处链接及本声明。
  • 转载请注明:Easyui 框架,在屏幕缩放和网页缩放组合的情况下显示异常 | https://chenxuehu.com/article/2023/02/8064.html