Медиа-запрос ориентации (css) не работает на Ipod с iOS 4.2.1 - PullRequest
1 голос
/ 08 декабря 2011

Я занимаюсь разработкой мобильного веб-сайта, используя мобильный шаблон в качестве основы. В своей таблице стилей я использую @mediaqueries, чтобы определить, находится ли устройство в портретном или альбомном режиме.

@media screen and (orientation: portrait) {
    .topteaser .article-headline { font-size: 138.5%; }
}

@media screen and (orientation: landscape) {
    .topteaser .article-headline { font-size: 123.1%; }
}

Это отлично работает на iPod Touch (модель MC540FD, iOS 4.3.3, дисплей сетчатки), но на старом iPod Touch (модель MC086FD, iOS 4.2.1, нет дисплея сетчатки) не работает. Даже в портретном режиме применяются ландшафтные стили.

(Кстати, я удалил Cookies, Cache и Chronic, перезапустил iPod, но проблема все еще появляется)

Я также проверил http://wapsbttest1.momac.net/sandbox/css3/media_queries.html с обоими iPod, и старый говорит мне, что он в альбомном режиме, даже если это не ... (тупой iPod!)

Поддерживает ли iOS 4.2.1. не поддерживает ориентационные медиазапросы? Я google'd и узнал, что он должен быть сторонником по крайней мере, начиная с 4.2.

Существуют ли другие медиазапросы, которые обнаруживают только айфоны и не работают с шириной или соотношением устройств?

1 Ответ

0 голосов
/ 08 декабря 2011

Медиа-запросы поддерживаются в iOS начиная с 1.0, так что это не ваша проблема.Я полагаю, что устройства с дисплеем до появления на сетчатке глаза / устройства, отличные от iPad, не поддерживают ориентацию.

...