2012-03-20 51 views
0

我目前在我的UIWebView(iPad)中显示HTML页面,并且它正在正确加载。以编程方式更改html页面的页眉信息

但问题是,它不适合我的容器视图。所以我已经尝试了所有的东西,比如scalePageToFit..etc,但它不符合我的要求。

所以我检查了HTML页面,并显示如下:

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

所以google搜索了一下我发现,我们可以插入任何Java脚本文件(通过使用stringByEvaluatingJavaScriptFromString)到我们的HTML文件 后并可以做任何事情。

所以我可以改变如下:

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

这样做呢?

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

回答

0

不是100%肯定这将工作在iPhone上,但要加使用JavaScript meta标签,你可以使用soemthing这样的:

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

苹果的技术说明“准备Web内容iPad“有一个很好的建议:避免硬编码视口的宽度。在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" /> 
相关问题