Windows 10上的Chrome的ExtJs面板中的文本被截断,且文本缩放比例大于100%

问题描述

  • ExtJs版本:6.6.0经典版
  • Chrome:85.0.4183.102
  • 操作系统:Windows 10

一些用户报告说某些面板上的文本内容在右侧被切断(设置了html属性的面板),通常应该正确地包装它们。还有一些其他怪异的东西,例如,组合框的底部边缘不可见,并且组合框按钮的尺寸不正确。

经进一步调查,结果发现问题出在Windows 10中将文本缩放比例设置为150%。他们有14英寸笔记本电脑,分辨率为1920x1050,Windows似乎将文本缩放比例设置为150%。 。不幸的是,这在我们的应用程序中具有副作用,即某些页面上的文本被截断。将文本比例缩放回100%可解决此问题,但字体总体上太小。将文本比例保持在100%并更改分辨率设为较小的分辨率(例如1680x1050)会使文本模糊。

我找到了以下链接https://windowsreport.com/fix-google-chrome-scaling-windows-10/。建议之一是在Chrome->属性对话框(通过右键单击Chrome菜单选项或图标显示)->兼容性选项卡上,检查在高DPI设置上禁用显示缩放比例。我们尚未尝试过,但可能会起作用。

还有其他选择-在这里考虑CSS,不需要用户做任何事情吗?此外,ExtJ的最新版本(即7.3.0经典版)是否也存在此问题?在我看来,文字大小的计算有些问题,文字没有正确包装。我不知道这是因为Chrome还是因为ExtJs 6.6.0过时(它于2018年6月发布)而没有处理高DPI屏幕问题。

谢谢

更新:我创建了一个简单的sencha小提琴进行测试:https://fiddle.sencha.com/#view/editor&fiddle/3928

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)

相关问答

Selenium Web驱动程序和Java。元素在(x,y)点处不可单击。其...
Python-如何使用点“。” 访问字典成员?
Java 字符串是不可变的。到底是什么意思?
Java中的“ final”关键字如何工作?(我仍然可以修改对象。...
“loop:”在Java代码中。这是什么,为什么要编译?
java.lang.ClassNotFoundException:sun.jdbc.odbc.JdbcOdbc...