Ipad центрируется в портретном режиме, работает в ландшафтном режиме

Question

Я использую медиа-запрос css для определения портретного режима на iPad и применения центрирующего стиля к div с фиксированным или абсолютным позиционированием, я пробовал оба безрезультатно. Запрос работает, но div не будет центрироваться в портретном режиме. Он идеально отцентрируется в ландшафте.

Вы можете посмотреть сайт в прямом эфире на http://goodmorningmoon.ca проход: springy88

Вот мой код

    @media only screen and (max-device-width: 1024px) and  (orientation:portrait) { 
    #logo{ position:absolute; left:50%; width:160px; margin-left:80px;}

}

Спасибо! заранее.

Answer 1

Мне не хватало -отрицательного символа упс

@media only screen and (max-device-width: 1024px) and  (orientation:portrait) { 

    #logo{position:absolute; width:160px; margin-left:-80px; left:50%; }

}

Answer 2

ваш текущий запрос использует max-device-width - и этот атрибут относится к устройствам screen-width; это не изменится в зависимости от ориентации или размера окна браузера. max-width относится к реальному окну браузера и в этом случае даст желаемый результат.

Подробнее о можно прочитать здесь