css - абсолютное позиционирование с изменением ориентации на iphone - PullRequest
1 голос
/ 24 августа 2011

У меня есть мобильный веб-сайт, который я создаю, и я хочу разместить логотип в нижней части экрана.При первоначальной загрузке он отображается правильно в альбомном и портретном режимах, но при изменении ориентации между ними положение не обновляется до нужного положения.Как мне это сделать?Вот мой css:

#logo { position:absolute; bottom: 10px; right: 10px; }

У меня есть доступ к javascript / jquery, чтобы расположить его в случае необходимости, но я бы предпочел найти решение, основанное исключительно на css.Я уже использую медиа-запросы - но общая высота окна, кажется, не корректируется в iphone.Прекрасно работает в Android.

1 Ответ

0 голосов
/ 24 августа 2011
<body onorientationchange="updateOrientation();">

/* Portrait */

@media screen and (max-width: 320px)
{
    #logo {right: 10px; }

}

/* Landscape */

@media screen and (min-width: 321px)
{
    #logo {right: ___}
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...