让我的网站在手机上被默认缩小

我知道这是一个老问题,但我无论如何都会回答,以防别人需要答案。

截至2011年9月,Opera Mini仍在使用Presto渲染引擎的2.5版。Opera中的Viewport在Presto 2.7之前不可用。(Opera Mobile,我们的智能手机浏览器 做 支持视口。)

试试这个:

<meta name="viewport" content="initial-scale=0.25">

当你包括 width=device-width

离开 <meta name=viewport> 完全清除也会起作用,但你通常会看到较少的背景图像。

**使用某种浏览器开发人员比我更能解释的启发式方法。

经过多次尝试和错误,我得到了以下在iphone5.0.1和android2.3.6上正常工作。这个场地的设计宽度为480米。根据你网站的宽度,你必须使用iPhone的宽度值。

<meta name="viewport" content="width=520, target-densitydpi=high-dpi" />
<meta http-equiv="Content-Type" content="application/vnd.wap.xhtml+xml; charset=utf-8" />
<meta name="HandheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="yes" /> 

meta viewport 不是为你工作的(在Mobile Safari上)。你能把你用过的贴出来吗?

更新 :这通常适用于我。。。试一试:

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

如果 这样,您就可以开始玩缩放值,让用户缩放,如果他们想,以及缩放多少。