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

时间:2018-03-18 14:58:27

标签: html css google-chrome

我有一个带有一些文本选项的自定义下拉列表,我需要设置一个固定的高度。看起来很简单,我添加了max-heightoverflow-y: scroll。它很棒!但是在Chrome设备模式下,分辨率很高会使文字模糊不清。

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

这两个属性似乎与chrome不相符。

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

我尝试了几个修复使用翻译,透视,平滑,但没有运气。有什么想法吗?

1 个答案:

答案 0 :(得分:2)

我想这与调整手机屏幕的大小有关。将其设置为100%对我来说是固定的。希望能有所帮助!