2012-02-10 105 views
5

我目前正在研究移動網站。在iOS和Android上,一切工作都正常,但是在嘗試將視口寬度設置爲640px時,我遇到了Windows Phone上的視口元標記問題。我使用的是:Windows Phone視口元標記

​​

但是似乎每當你嘗試設置視大於480像素的Windows手機將自動適用於默認視口(1,024像素)。

任何解決方法?

回答

4

我沒有太大的成功與<meta name="viewport">和Windows Phone 7.5,除非我設置width 320至480(含)之間。如果我想把它設置在該範圍之外,它似乎只是默認爲320.

我試過只用<meta name="MobileOptimized" content="640">而且工作完美。它的行爲如同<meta name="viewport" content="width=640,user-scalable=no">

根據this articlethe article鏈接到Mikael Koskinen's Answer範圍應該是320到10,000,但我一直沒有能夠重現這一點。

+0

我在Windows Phone 7.5上的體驗非常相似。我想要一個視口寬度600,在主div被固定在600px寬的頁面上,但使用''其中x> 480導致移動IE使用其默認視口寬度爲1024像素 - 與您完全不使用視口元標記相同。我沒有嘗試'MobileOptimized'解決方法,因爲我想讓用戶保留縮放級別的控制權,但對於某些人來說這聽起來像是一個不錯的選擇。 – Dogmang 2012-12-31 17:19:50