iOS7 /小牛Safari瀏覽器奇怪的元素邊框行爲

Question

這似乎是在iOS7移動Safari和小牛的Safari

另一個話題觸及問題的錯誤：一旦 ios 7 browser-kit black borders around div elements

與背景的顏色重疊的元素的邊緣，它會導致它們重疊邊框的「加厚」，導致奇怪的黑色線條。

最奇怪的是：當放大邊界看起來會消失，看起來隨機的行爲回來。

編輯：現在看來，這已經是與Safari瀏覽器背景圖像的大小四捨五入問題： https://stackoverflow.com/a/7099348/1515187

任何人都知道這個bug和任何解決方法嗎？

Answer 1

我剛纔發現了這個bug。 當我嘗試修改時，它出現在ios7中。 你可以設置視口爲 <meta name="viewport" content="width=640px, initial-scale=1, maximum-scale=1, user-scalable=no" />

可以解決這個問題。

如果你確實需要修改它。 該錯誤出現在固定元素中（位置：固定/相對/絕對）。 您可以將背景：url（about：blank）設置爲您的固定元素來解決此問題。但是，如果您嘗試設置背景顏色，則會再次出現此錯誤。 所以，設置空的背景，不再。

在我的情況下，我通過在固定div中設置background：url（about：blank）並將背景設置在內部背景（不固定）中來避免該錯誤。

希望我可以幫到