Java 如何修复组合框中的模糊项

当我将应用程序缩小到手机屏幕时，所有组合框中的所有项目都变得模糊

private ComboBox<City> cityCB = new ComboBox<>("City");


<dom-module id="combobox-style" theme-for="vaadin-text-field">
    <template>
        <style>
            :host(#input) [part="value"]{
                border-right: solid 2px black;
            }
            :host(#input) [part="input-field"]{
                background-color: white;
                border: solid 1px lightgray;
                border-radius: 0;
            }
        </style>
    </template>
</dom-module>

专用组合框cityCB=新组合框（“城市”）；
：主机（#输入）[part=“value”]{
右边框：纯色2px黑色；
}
：主机（#输入）[part=“输入字段”]{
背景色：白色；
边框：实心1px浅灰色；
边界半径：0；
}

这是我的组合框及其所有样式

---

-这是它在手机屏幕上的外观图像，也是使用vaadin flow 13.0.4的im。知道这是vaadin问题还是me问题吗？

我觉得图像并不模糊。我可以很容易地辨认出波兰城市的编号和名称，例如

1000卢布尔雅那

Vaadin本身不负责缩放，而是由浏览器完成。因此，了解它是哪种浏览器和手机型号是很有趣的。@Abra ye它可读，但有点模糊，你可以明确地分辨出它和全屏的区别：，很好的尝试，但它不是抛光的：Dslovenian@TatuLund它是用chrome制作的，我只是通过控制台将它缩小到三星s5的分辨率：，我检查了一下，它在mozzila Firefox中看起来非常好。这似乎是Chrome开发工具的某种问题。首先，我无法再现该问题，但随后我注意到，如果我将缩放因子设置为75%或125%，而不是100%，则某些字体会出现模糊效果。我想这不会发生在真正的设备上。在我看来，图像并不模糊。我可以很容易地辨认出波兰城市的编号和名称，例如

1000卢布尔雅那

Vaadin本身不负责缩放，而是由浏览器完成。因此，了解它是哪种浏览器和手机型号是很有趣的。@Abra ye它可读，但有点模糊，你可以明确地分辨出它和全屏的区别：，很好的尝试，但它不是抛光的：Dslovenian@TatuLund它是用chrome制作的，我只是通过控制台将它缩小到三星s5的分辨率：，我检查了一下，它在mozzila Firefox中看起来非常好。这似乎是Chrome开发工具的某种问题。首先，我无法再现该问题，但随后我注意到，如果我将缩放因子设置为75%或125%，而不是100%，则某些字体会出现模糊效果。我想这不会发生在真正的设备上。