Оптимизировать веб-страницу для мобильных устройств - PullRequest
1 голос
/ 09 июля 2011

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

Как я могу автоматически увеличить страницу?

Стоит ли выравнивать все по центру?

Мои CSS и HTML ниже:

* {

margin: 0;

padding: 0;

}
body.body_sp{background-image:url(../images/content_sp.jpg);background-repeat:repeat-x;background-repeat:repeat-y;width:320px;}
#head_sp{width:320px;height:127px;}
#content_sp{width:320px;}
#footer_sp{width:320px;}

h1.sp_h1{margin:10px 0 20px 5px;text-align:left;}
p.sp_p{margin:20px;letter-spacing:.5px;line-height:16px;font:13px arial;}
p.sp_p a{color:red;}

мой html можно посмотреть здесь http://patriotsar.com/patriot_droid.php

1 Ответ

3 голосов
/ 09 июля 2011

Попробуйте добавить их в свой

<meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/> 
<meta name="apple-mobile-web-app-capable" content="yes" /> 
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...