2012-09-04 76 views
0

我有一個iPad應用程序,顯示電子郵件通訊。該HTML內容被拉入並嵌入到WebView中。大多數新聞稿的寬度是650px,但有些大約是900px。動態視口元標記ios

默認情況下,它們顯示得太小(iPad設備寬度爲768px),所以我想讓它縮放以填充頁面(我只關注寬度 - 垂直滾動是可以的)。

使用視口元標記,如果我將650px硬編碼爲設備寬度,它將切斷900px寬的時事通訊。此外,設置一個明確的寬度禁用調整該視口:

<meta name="viewport" content="width=650, initial-scale=1"> 

但是,如果我將其設置爲可變設備寬度,該運動是「擠壓」通過在屏幕和顯示偏心:

<meta name="viewport" content="width=device-width, initial-scale=1"> 

是否有動態指定寬度的方法,以便在廣告系列爲< = 650時將其設置爲650,否則爲900。實質上,我試圖根據通訊寬度動態地設置一個固定的視口。我可以使用@viewport CSS規則嗎?

回答