Я пытаюсь адаптировать свое веб-приложение для планшета для использования на мобильных телефонах. Функциональность Media Query кажется идеальной, и мое первоначальное тестирование подтверждает это. У меня есть вопрос: с телефонами и планшетами, которые меняют свою ориентацию с книжной на альбомную (при повороте устройства), к чему тогда относится максимальная ширина?
Другими словами, более крупные телефоны Android имеют разрешение примерно 480x800, iPhone4 имеет разрешение 640x960, а оригинальный Blackberry Torch имеет разрешение 360x480. Это все разрешения (Ш x В), когда устройства находятся в портретном режиме, поэтому ширина составляет 400, 640 и 360 соответственно. Однако, когда вы поворачиваете устройство в альбомную ориентацию, высота «становится» шириной для целей отображения. Таким образом, эффективная ширина в альбомной ориентации становится соответственно 800, 960 и 480, а ширина 800 и 960 перекрывается с шириной планшета в альбомной ориентации, что портит отображение.
Итак, ширина всегда ширина? То есть, когда устройство сообщает о своих размерах, значение ширины всегда остается неизменным для целей CSS или значение ширины изменяется, когда устройство поворачивается в альбомную ориентацию?
Спасибо вам всем заранее.