2012-04-17 47 views
1

因此,我創建了一個全屏廣告,在未命名的應用程序中的UIWebView內運行。基本上,我無法修改視口元標籤,所以我的應用需要精確到1023x767才能全屏顯示,並且不會滾動webview。它在95%的時間內工作,除了一個觸發奇怪錯誤的場景。如果我從橫向開始,然後旋轉到水平,我可以在Web視圖周圍滾動應用程序,就好像它大於視口一樣。iOS的UIWebView窗口寬度和iPad上的高度

在CSS,我有:

@media only screen and (orientation: portrait) { 
    html, body { 
     width: 767px; 
     height: 1023px; 
     overflow:hidden; 
     position:relative; 
    } 
} 

@media only screen and (orientation:landscape) { 
    html, body { 
     width: 1023px; 
     height: 767px; 
     overflow:hidden; 
     position:relative; 
    } 
} 

我檢測的方向變化事件,和我越來越:

$('html').width() = 767 
$('html').height() = 1023 
$('body').width() = 767 
$('body').height() = 1023 

然而,我發現,我也越來越這同時,這顯然是問題,但我不知道爲什麼或如何修復它:

$(window).width() = 1023 
$(window).height() = 1365 

有什麼想法?任何人!? :-)

+0

如果你唯一的問題是滾動,爲什麼不禁用滾動webView的scrollView?然後,無論文檔大小如何,只會顯示您的內容。 – 2012-04-19 16:35:57

+0

這不是我的應用程序。我只是在裏面跑。 – normmcgarry 2012-04-19 20:11:57

回答

1

因此,通過更多的研究,我無法使用veiwport metatag來建立width = device-width的原因是因爲視口實際上比設備寬度小1px。然後,你會在那個壞點區域的視口中滾動。該應用程序檢測左右滑動來改變不同的網頁瀏覽,所以你不能執行「e.preventDefault()」來禁用滾動,並讓它停留在1px的滾動中,以消除應用程序中的滑動功能。

長話短說,我能夠做到:

視=(設備寬度-1)和它固定的問題。應用程序的人不知道這是可能的,我甚至不確定這樣的事情是可能的,但它使得它可以繼續發生,因爲你沒有陷入死亡空間。

相關問題