为什么我的 Chrome 输入边框在缩放时消失？

Chrome 边框在缩放时消失的问题排查

此论坛帖子中提出的问题涉及当用户放大或缩小时 Chrome 中的输入边框消失出去。虽然该问题可能并非对所有用户都普遍存在，但它会影响特定的表单（可在 http://jsfiddle.net/TKb6M/91/ 上找到）。

例如，当缩放到 90% 时，原始表单边框消失了，输入字段在视觉上毫无装饰。用户还提到包括 标签基于另一个线程的建议，旨在有效地分配水平空间。

问题是这是 CSS 的问题还是 Chrome 的特定行为。此外，用户寻求解决方案来防止这种不良影响。

建议的解决方案

虽然原始海报可能已经解决了这个问题，但精明的用户偶然发现了一个简单的解决方案解决方案。通过修改 CSS 代码即可解决问题。

原始 CSS

INPUT,TEXTAREA {
border-top: 1px solid #aaa
}

修改 CSS

INPUT,TEXTAREA {
border-top: thin solid #aaa
}

此修改有效地将显式的“1px”值替换为“thin”（相对单位）。因此，无论缩放级别如何，边框都会保持一致的外观。

该解决方案源自 Google 产品论坛帖子：https://productforums.google.com/forum/#!topic/chrome/ r1neUxqo5Gc。

实施这个简单的更改应该可以缓解 Chrome 中的边框消失问题，确保缩放时视觉上一致的用户体验。

以上是为什么我的 Chrome 输入边框在缩放时消失？的详细内容。更多信息请关注PHP中文网其他相关文章！