带溢出的Chrome文本模糊:滚动和固定高度

Question

我有一个带有一些文本选项的自定义下拉列表,我需要设置一个固定的高度.看上去很简单,我加max-height和overflow-y: scroll.它很棒!但在设备模式下的Chrome上,分辨率很高会使文本模糊不清.

我做了一支笔来表明这一点. https://codepen.io/a40637francisco/pen/OvbNyB

看来这两个属性并不适合使用chrome.

max-height: 100px;
overflow-y: scroll;

我尝试了几种使用翻译,透视,平滑的修复,但没有运气.有任何想法吗？

Answer 1

我猜这与移动屏幕大小调整有关。将其设置为 100% 对我来说已经修复了。希望有帮助！