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 中的边框消失问题，确保缩放时视觉上一致的用户体验。