html – 当有7个或更多选项时,Chrome中的选择框是1px太高了

前端之家收集整理的这篇文章主要介绍了html – 当有7个或更多选项时,Chrome中的选择框是1px太高了前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

在Chrome中尝试此功能(在Firefox中可以正常运行):

opened Box is perfect size with 6 or fewer options
Box is 1px too high with 7 or more options

打开选择框时,您会注意到bottem上有1px的白线.

这可以修复吗?

编辑:Chrome版本65.0.3325.146

编辑2:它似乎取决于屏幕分辨率(在1920×1080和1920×1200上测试)

最佳答案
我想说这与屏幕缩放有关.我使用的是2560×1440分辨率屏幕,可以在选择框中设置任意数量的选项.当我将它拖到我的2736 x 1824屏幕时,我从未在底部看到那条白线.

后者是Surface Pro 4,它渲染Win 10原始分辨率中的所有像素,渲染所有像素“因为它意味着要渲染”.

我怀疑在这个特定问题的不同屏幕分辨率的某些情况下可能存在差距.

看看这些评论,如果您正在制作的解决方案并不苛刻,那么Andrei的解决方案似乎是您要完成的最佳解决方案< select>除了< select>之外别无其他.

Unfortunately,when it comes to rendering elements,browser liberty is quite high and it’s done from a level that’s not controllable from Document. The reasons are varIoUs and irrelevant,but this is the current state of things. If you want complete control over how s are rendered,you need to mock their behavior using other more controllable elements from a rendering point of view,such as s,s or s. Or use a library that does the heavy-lifting for you,displaying easily style-able elements.

这是来自我的外部显示器,底部是白线

在我的更高分辨率Surface Pro 4上使用它时,完全相同的窗口(Chrome)看起来像这样,最后没有白线.

我想说,一个屏幕上的像素修复解决方案可能会在另一个屏幕上引起问题,具体取决于屏幕分辨率.

原文链接:/html/425630.html

猜你在找的HTML相关文章