html – 当我放大时,边框在Chrome中消失

前端之家收集整理的这篇文章主要介绍了html – 当我放大时,边框在Chrome中消失前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有这个非常简单的形式: http://jsfiddle.net/TKb6M/91/.有时候,当我使用Chrome放大或缩小时,输入边框消失.例如,当我放大到90%时,我得到:

当然,你的里程可能会有所不同.

如果您想知道这些< span>标签,我按照How do I make an input element occupy all remaining horizontal space?的建议添加了它们.

我的CSS是否有问题,或是Chrome bug?它似乎在Firefox上正常工作.我可以做些什么来避免这种行为?

谢谢.

解决方法

您正在迫使Chrome进行子像素计算,这通常具有奇怪的行为.

如果将输入的高度更改为30px,则90%的缩放可以正常工作(因为这是27px),但缩放75%不是(因为这是22.50像素).

您也可以通过给边框宽3像素来避免这种情况.在这种情况下,您会看到不同地方的边框宽度不同.

无论如何,最好的解决方案是在输入周围放置更多的空间,以便即使边框处于子像素位置也能够清晰地绘制边框.

原文链接:https://www.f2er.com/html/229768.html

猜你在找的HTML相关文章