ориентация сайта на мобильные браузеры - PullRequest
0 голосов
/ 03 февраля 2012

Хм .. Я не уверен, как это описать. Но я постараюсь

Допустим, у вас есть iPad, и он находится в положении 0 градусов, у вас есть макет веб-сайта для этой позиции, а затем, когда пользователь поворачивает iPad на 90 градусов, он меняет ориентацию. По сути, теперь и макет сайта тоже должен измениться. Но я не знаю, как настроить его под новый макет. Нужно ли пересчитывать ширину макета сайта и т. Д.? Или есть лучший способ сделать это? Я приветствую любые предложения.

Ответы [ 2 ]

1 голос
/ 03 февраля 2012

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

Суть в том, что вы захотите убедиться, что вы не используете элементы фиксированного размера (например, em,% и т. Д.) В максимально возможной степени вдоль стороны медиа-запросов для определения ориентации и размера экрана.

Эта концепция должна привести вас на правильный путь, удачи!

0 голосов
/ 03 февраля 2012

Я думаю, вы ищете что-то вроде этого:

<link rel="stylesheet" media="screen and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="screen and (orientation:landscape)" href="landscape.css">
...