在WP8仿真器上修復了頁腳問題

我在一個HTML5 Web應用程序中使用了固定頁腳。它適用於IE10手機瀏覽器，但是當我使用Web視圖在WP8仿真器上修復了頁腳問題

mainBrowser.Navigate(new URi("http://jqtouch.rediffmailpro.com/iScroll/win8Example1.html",URiKind.Absolute));

嘗試一下在WP8模擬器，所以它在底部離開的空白。

我在某處讀過它，並編輯meta標籤以包含高度。

<meta name="viewport" content="width=device-width, height=541 initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

差距不見了。但是，我認爲這不是一個好主意，因爲在方向改變時，頁腳會丟失，因爲高度仍然是541.我不想在任何地方對高度進行硬編碼，因爲多個設備可能有不同的高度。

看來，端口高度並未正確設置爲CSS。我正在使用底部：0;位置：絕對的;修復頁腳。我曾試過位置：也是固定的。

下面是引用鏈接：WP8 Scroll Demo

請幫助。

來源

2012-12-03 Beekays

使用iscroll4並使用一些媒體查詢中的CSS：

@media screen and (orientation: portrait) { 
    @-ms-viewport { 
    width: 320px; 
    user-zoom: fixed; 
    max-zoom: 1; 
    min-zoom: 1; 
    } 
} 

@media screen and (orientation: landscape) { 
    @-ms-viewport { 
    width: 480px; 
    user-zoom: fixed; 
    max-zoom: 1; 
    min-zoom: 1; 
    } 
}

這在Windows Mobile 8手機工作正常。這裏是一個演示：http://jqtouch.rediffmailpro.com/iScroll/win8Example.html

來源

2013-06-10 07:13:42

在WP8仿真器上修復了頁腳問題

回答

相關問題