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 中的邊框消失問題，確保縮放時視覺上一致的使用者體驗。