Question

我目前正在我的UIWebView（iPad）中显示一个HTML页面，并且输入正确。

但问题是，它不适合我的容器视图。所以我尝试过像scalePageToFit..etc这样的东西，但它不符合我的要求。

所以我检查了HTML页面，它显示如下：

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
</head>
.....
......
</html>

所以在谷歌搜索后我发现我们可以将任何java脚本文件（通过使用stringByEvaluatingJavaScriptFromString）插入到我们的html文件中并且可以做任何事情。

我可以更改以下内容：

 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

到此？

 <meta name="viewport" content="width=320"/>

Answer 1

不是100％确定这适用于iPhone，但要使用Javascript添加元标记，您可以使用以下内容：

var meta;
if (document.createElement && (meta = document.createElement('meta'))) {
    meta.name = "viewport";
    meta.content = "width=320";
    document.getElementsByTagName('head').item(0).appendChild(meta);
}

Answer 2

Apple技术说明“为iPad准备Web内容”有一个很好的建议：避免对视口的宽度进行硬编码。在iPad上，视口宽度小于1024会导致内容被炸毁和模糊。他们的建议是

<meta name="viewport" content="width=device-width" />

这是一项改进，但如果您的设备处于横向模式，您的内容仍会被破坏。这是因为设备宽度是物理设备的宽度（320px或768px），而不是当前方向的屏幕宽度。因此，您可以获得以768px呈现的内容，并将内容渲染为1024px。

避免爆破

要确保您的内容没有被炸毁，请将最大比例设置为1.0：

<meta name="viewport" content="width=720,
                           maximum-scale=1.0" />

以编程方式更改html页面的标题信息

2 个答案: