Горизонтальная ширина вопроса для Ipad

Question

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

http://www.iirusa.com/upload/wysiwyg/2011-P-Div/P1656/Mobile_web/home.html

Это страница, которую я создаю. Просто чтобы уточнить, на Ipad вертикальный вид отлично подходит. Но при горизонтальном просмотре он расширяется за ширину, и пользователь должен сжать его, чтобы просмотреть всю страницу. Я использую контейнер шириной 100%, который, как я полагаю, является проблемой, но как бы я уменьшил горизонтальный вид, не влияя на ширину вертикального вида?

Заранее спасибо за помощь !!

Answer 1

@ СЕРИК; сначала определите viewport в вашем файле meta tag. как это.

<meta name="viewport" content="user-scalable=no, width=device-width" />

Для получения дополнительной информации необходимо посмотреть эти ссылки http://matthewjamestaylor.com/blog/ipad-layout-with-landscape-portrait-modes, http://www.htmlgoodies.com/beyond/webmaster/toolbox/article.php/3889591/Detect-and-Set-the-iPhone--iPads-Viewport-Orientation-Using-JavaScript-CSS-and-Meta-Tags.htm, http://thomasmaier.me/blog/2010/03/04/howto-css-for-the-ipad/

Answer 2

Вы можете просто добавить это на свой шаблон страницы html:

<meta name = "viewport" content = "width = device-width">

Проверить подробности в Библиотека разработчиков Safari

Answer 3

Вы пытались использовать метатег viewport для мобильного сафари?