html - 带有 overflow-y :scroll and fixed height 的 Chrome 文本模糊

标签 html css google-chrome

我有一个带有一些文本选项的自定义下拉菜单,我需要设置一个固定的高度。看起来很简单,我添加了 max-heightoverflow-y: scroll。效果很好!但在设备模式下的 Chrome 上,高分辨率会模糊文本。

我做了一支笔来展示这个。 https://codepen.io/a40637francisco/pen/OvbNyB

这两个属性似乎与 chrome 不兼容。

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

我尝试了几个修复,使用平移、透视、平滑,但没有成功。有什么想法吗?

最佳答案

我猜这与移动屏幕调整大小有关。将它设置为 100% 为我修复了它。希望对您有所帮助!

关于html - 带有 overflow-y :scroll and fixed height 的 Chrome 文本模糊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49349337/

相关文章:

javascript - 当位置从相对固定时,div 的宽度会发生变化

javascript - 在 server.javascript jquery 中删除文件时如何删除网站中的 str(name+size+cancel)

css - 使非 float 元素包围 float 元素

html - Flask 图标无法在 Google Chrome 上运行

jquery - CSS3 转换不适用于 chrome

php - jquery 使用 javascript 或 php 发布到 php 页面

html - 仅使用数据属性 CSS 隐藏和显示定义列表项

html - 我可以使用 Tab 来聚焦 p :inplace component so screenreader can read the element?

HTML/CSS 隐藏不适合 block 的元素,没有固定高度

javascript onclick()事件不适用于div容器内文本的chrome