Подтвердить что ты не робот

Safari для iO7 CSS с размером фона

У меня проблема с Safari на iOS7. Проблема в том, чтобы иметь спрайты для сетчатки, так что Safari на iOS7 и размер фона (я так думаю). Он отлично работает на Chrome на iOS7, но Safari этого не делает. Используемый код:

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {

    footer ul.social li a { background-size: 48px 144px; }
    footer ul.social li a.fb { background: url(../images/socialx2.png) 0 0 no-repeat; }
    footer ul.social li a.in { background: url(../images/socialx2.png) 0 -48px no-repeat; }
    footer ul.social li a.tw { background: url(../images/socialx2.png) 0 -96px no-repeat; }

}

Вот образ того, как он выглядит в Safari под IOS7

screen capture

4b9b3361

ОТВЕТЫ

Ответ 1

В сафари /iOS 7 размер фона сбрасывается при использовании свойства фона. Вам необходимо указать background-свойство после вашего фона:

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 2dppx) {
    footer ul.social li a.fb { background: url(../images/socialx2.png) 0 0 no-repeat; background-size: 48px 144px; }
    footer ul.social li a.in { background: url(../images/socialx2.png) 0 -48px no-repeat; background-size: 48px 144px; }
    footer ul.social li a.tw { background: url(../images/socialx2.png) 0 -96px no-repeat; background-size: 48px 144px; }
}