问题描述
- 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 (将#修改为@)