Можно ли использовать Javascript / CSS для обмена таблицами стилей при вращении мобильного устройства?

Question

Я работаю над сайтом, который должен быть спроектирован с учетом доступности мобильных устройств. В ходе нашего мозгового штурма мы задались вопросом, возможно ли обнаружить для мобильного браузера (например, Mobile Safari или Android-браузера), когда устройство просмотра изменило ориентацию, и использовать это в качестве триггера для изменения содержимого страницы? Как следует из названия этого вопроса, наш лучший сценарий - это возможность обнаружить изменение ориентации и использовать его для изменения CSS на лету, чтобы представить немного другую страницу для пейзажа и портрета.

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

Эта идея осуществима? Практическая?

Answer 1

Да, на этот вопрос дан ответ на более общий вопрос.

Подводя итог, вы можете прослушать с помощью Javascript событие orientationchange и переключить стиль в обработчике события,в зависимости от значения window.orientation.

Answer 2

Вы также можете использовать медиа-запросы, чтобы сделать это вообще без JS - см. http://davidbcalhoun.com/2010/dealing-with-device-orientation

Answer 3

Создайте плавный стиль, который бы приспособился в любом случае.

Вам нужно будет дать более подробное описание проблем, которые вы хотите решить, чтобы мы могли предложить более подробные ответы.