2012-03-20 121 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" /> 
相關問題