为手机优化网页

我想让我的网页在用户浏览时放大显示。整个页面应该只有320px宽，并将一列中的所有内容对齐。但是当我去到网页时，网站看起来不太好，直到观看者在屏幕上点击以进行缩放，然后他们可以水平滚动（并且什么也看不到）为手机优化网页

如何自动缩放页面？

我应该对齐中心的一切吗？

我的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

来源

2011-07-09 Denoteone

尝试添加这些到您的<头>

<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" />

来源

2011-07-09 05:21:06 damon

我确实有它设置。抱歉上面的代码一定是我拿出来测试的时候。我会重新编辑它。 – Denoteone

伟大的信息，它完美的工作。 – Denoteone

为手机优化网页

回答

相关问题