2013-01-24 56 views
0

我是MVC 4和jquery mobile的新手,並且一直在開發移動優化網站。我遇到的問題是當我有一個水平移動設備,在頁面加載頁面將只佔用大約3/4的屏幕。MVC jquery mobile沒有在頁面上加載全頁寬

如果我將屏幕旋轉到垂直狀態,然後又回到水平狀態,那麼它會水平佔據頁面寬度。當我瀏覽我的網站時,會頻繁發生這種情況。

我有我的網頁下面的meta標籤:

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0, user-scalable=yes"> 

我已搜查,盡我所能的答案,但我有未來與搜索termsto甚至在別的地方找到這個問題的麻煩。有其他人遇到這個問題嗎?使用iPad 2與IOS 6.0.1。如果這是一個簡單的修復或者之前發佈過,我會提前道歉。

感謝您的幫助。

+0

首先你是在談論頁面(標題,內容和頁腳)還是僅僅是內容? – Gajotres

+0

整頁包括頁眉,內容和頁腳。它本質上是最右邊的一大塊黑色 – csnewbie

回答

0

在玩了一天之後我終於明白了。我的meta標籤必須被編輯:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; target-densityDpi=device-dpi" /> 

我拿出用戶可擴展的,因爲我發現,與Android,它忽略了元標記如果內容的一部分是在那裏。