Ширина страницы в Mobile / iOs - PullRequest
1 голос
/ 01 октября 2011

Я прочитал соответствующие посты; «Ширина страницы мобильного CSS - и т. Д.», Но решение не найдено.

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

Есть предложения?

Я пытался объявить мобильник с документом и использовать '<meta name="viewport" content="width=device-width, initial-scale=1.0">', но затем он слишком сильно увеличивает масштаб сайта (следует ли мне пытаться переключить «начальный масштаб»)?

Я также пробовал основы с настройкой на жидкость и т. Д.

Не могу ли я использовать аналогичный сценарий, который я использовал с Mobile Redirects, чтобы определить, как ширина может отображаться на устройстве?

<!--Script for Mobile Redirect -->  

<script type="text/javascript">

var redirectagent = navigator.userAgent.toLowerCase();
var redirect_devices = ['vnd.wap.xhtml+xml', 'sony', 'symbian', 'nokia', 'samsung', 'mobile', 'windows ce', 'epoc', 'opera mini', 'nitro', 'j2me', 'midp-', 'cldc-', 'netfront', 'mot', 'up.browser', 'up.link', 'audiovox', 'blackberry', 'ericsson', 'panasonic', 'philips', 'sanyo', 'sharp', 'sie-', 'portalmmm', 'blazer', 'avantgo', 'danger', 'palm', 'series60', 'palmsource', 'pocketpc', 'smartphone', 'rover', 'ipaq', 'au-mic', 'alcatel', 'ericy', 'vodafone', 'wap1', 'wap2', 'teleca', 'playstation', 'lge', 'lg-', 'iphone', 'android', 'htc', 'dream', 'webos', 'bolt', 'nintendo'];
for (var i in redirect_devices) {
if (redirectagent.indexOf(redirect_devices[i]) != -1) {
location.replace("http://www.osmproduction.com/crown/maxbrooks/Test/MobileZombie/index.html");
}
}
</script>

<!--End Script for mobile Redirect -->  

Подвопрос: Может ли кто-нибудь дать мне совет о передовых методах оптимизации для Blackberry - страница теперь отображается с супер масштабированием в определенной модели Blackberry (не помню Model, но 2007) - Я предполагаю, что это обсуждение, чтобы взять ширину на устройство должно решить эту проблему, верно? Или разработка для Blackberry является чем-то отдельным? и что-то, на что я должен был бы смотреть отдельно, поскольку они отстой для просмотра?

Ответы [ 2 ]

1 голос
/ 02 октября 2011

Я использую следующий META-тег. С моими тестами все работает нормально:

<META name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />

Это масштабируется до ширины устройства, независимо от его размера.

1 голос
/ 02 октября 2011

Используйте <meta name="viewport" content="width=800">, где 800 - количество пикселей, которое будет соответствовать вашему макету.По умолчанию iPhone использует 980, поэтому, если ваша страница имеет фиксированную ширину 800 пикселей, вы получите 180 пикселей пустого пространства вокруг нее.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...