Ошибка рендеринга границ в Safari mobile

Question

У меня странные отрисованные границы элементов, которые вообще не имеют границ в Safari Mobile? Любая идея о том, что может вызвать проблемы? Я не смог найти решение. Заранее спасибо за помощь.

Answer 1

Я была такая же проблема. Не удалось выяснить причину, но решил ее с помощью хака, добавив прозрачную границу к элементу:

border: 1px solid transparent;

Answer 2

Вы получаете тонкие линии по краям изображения? Тоньше, чем 1px?

Если это так, то это похоже на то, как браузер масштабирует изображения при масштабировании. Кажется, что он берет некоторые данные из следующей строки изображения и использует их как часть интерполяции изображения.

Я решил это, добавив к изображению 1 строку пикселов фонового цвета. Не знаю, я знаю, но это было единственное решение, которое мне помогло.