Тонкие серые / черные линии на веб-странице с iPad - PullRequest
10 голосов
/ 24 января 2011

На нашем сайте iPad отображает тонкие серые / черные линии.Кажется, это какая-то форма масштабирования-артефакта на мобильном Safari.Ниже я предоставил два фрагмента страниц с измененной контрастностью, чтобы подчеркнуть проблему, к сожалению, из-за того, что дисплей iPad довольно хорош, эти строки довольно заметны.масштабируется и выглядит так, будто элементы div / изображения масштабируются с проблемами округления по краям, в результате чего краевой пиксель смешивается с черным.

Кто-нибудь нашел обходной путь или исправление для этого?

Спасибо

Line showing with no image

Line on edge of scaled PNG

Ответы [ 11 ]

0 голосов
/ 19 февраля 2012

Добавление этого к блоку над линией работало для меня очень хорошо.

margin-top:-1px; /* this overlap the blamed ghost line */
padding-top:1px; /* this gave me my pixel back =) */

если это происходит с вами в слишком большом количестве блоков, вы должны вместо этого создать класс.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...