CSS Media Queries

Я пытаюсь адаптировать свое веб-приложение для планшетов для использования на мобильных телефонах. Функциональность Media Query кажется идеальной, и мое первоначальное тестирование подтверждает это. У меня есть вопрос: с телефонами и планшетами, которые меняют свою ориентацию с книжной на альбомную (при повороте устройства), к чему тогда относится max-width?

Другими словами, большие телефоны Android имеют разрешение по строкам 480x800, iPhone4 имеет разрешение 640x960, а оригинальный Blackberry Torch имеет разрешение 360x480. Это все разрешения (Ш x В), когда устройства находятся в портретном режиме, поэтому ширина составляет 400, 640 и 360 соответственно. Однако, когда вы поворачиваете устройство в альбомную ориентацию, высота становится шириной для отображения. Таким образом, эффективная ширина в альбомной ориентации становится 800, 960 и 480 соответственно, а ширина 800 и 960 перекрывается с шириной в альбомной ориентации планшета, что приводит к искажению дисплея.

Итак, всегда ли ширина ширина? То есть, когда устройство сообщает о своих размерах, всегда ли значение ширины остается неизменным для целей CSS или значение ширины изменяется при повороте устройства в альбомную ориентацию?

Заранее спасибо всем.

6
задан BoltClock 23 January 2012 в 19:26
поделиться