為什麼我的 Chrome 輸入邊框在縮放時消失？

Chrome 邊框在縮放時消失的問題排查

此論壇帖子中提出的問題涉及當用戶放大或縮小時Chrome 中的輸入邊框消失出去。雖然該問題可能並非對所有使用者都普遍存在，但它會影響特定的表單（可在 http://jsfiddle.net/TKb6M/91/ 上找到）。

例如，當縮放到 90% 時，原始表單邊框消失了，輸入欄位在視覺上毫無裝飾。使用者也提到包括 標籤基於另一個執行緒的建議，旨在有效地分配水平空間。

問題是這是 CSS 的問題還是 Chrome 的特定行為。此外，用戶尋求解決方案來防止這種不良影響。

建議的解決方案

雖然原始海報可能已經解決了這個問題，但精明的用戶偶然發現了一個簡單的解決方案解決方案。透過修改 CSS 程式碼即可解決問題。

原始CSS

修改CSS

此修改有效地將顯式修改的「1px ”值替換為“thin”（相對單位）。因此，無論縮放等級如何，邊框都會保持一致的外觀。

解決方案源自 Google 產品論壇貼文：https://productforums.google.com/forum/#!topic/chrome/ r1neUxqo5Gc。

實作這個簡單的變更應該可以緩解 Chrome 中的邊框消失問題，確保縮放時視覺上一致的使用者體驗。

以上是為什麼我的 Chrome 輸入邊框在縮放時消失？的詳細內容。更多資訊請關注PHP中文網其他相關文章！