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中文網其他相關文章!