Css 在Windows 10上，在Chrome浏览器的ExtJs面板中剪切文本，文本比例大于100% ExtJs版本：6.6.0经典版 铬：85.0.4183.102 操作系统：windows 10

一些用户报告某些面板上的文本内容在右侧被切断（带有html属性集的面板），通常应该正确包装。还有其他一些奇怪的东西，例如，组合框的底部边缘不可见，组合框按钮的大小不正确

经过进一步的调查，发现问题是由windows 10中文本缩放设置为150%的事实造成的。他们有14个“分辨率为1920x1050的笔记本电脑，windows似乎将文本比例设置为150%。不幸的是，这在我们的应用程序中有一个副作用，即在某些页面上文本被切断。将文本缩放比例改回100%可以解决问题，但字体整体太小。将文本比例保留为100%，并将分辨率更改为更小的分辨率（比如1680x1050），会使文本模糊

我找到了这个链接：。建议之一是在Chrome->Properties对话框（通过右键单击Chrome菜单选项或图标显示）->Compatibility选项卡上选中Disable display scaling on high DPI设置。我们还没有试过，但可能会奏效

还有其他的选择吗？这里考虑css，不需要用户做任何事情？此外，ExtJs的最新版本，即7.3.0 classic，是否也存在此问题？在我看来，在计算文本大小时出现了问题，文本没有正确包装。我不知道这是Chrome的问题，还是ExtJs 6.6.0已经过时（于2018年6月发布），无法处理高DPI屏幕的问题

谢谢

更新：我为测试创建了一个简单的sencha提琴：