Question

我试图让我的网页在用户浏览时显示放大。整个页面应该只有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

Answer 1

尝试将这些添加到您的＆lt;头＆gt;

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

优化移动网页

1 个答案: