我目前正在研究移動網站。在iOS和Android上,一切工作都正常,但是在嘗試將視口寬度設置爲640px時,我遇到了Windows Phone上的視口元標記問題。我使用的是:Windows Phone視口元標記
但是似乎每當你嘗試設置視大於480像素的Windows手機將自動適用於默認視口(1,024像素)。
任何解決方法?
我目前正在研究移動網站。在iOS和Android上,一切工作都正常,但是在嘗試將視口寬度設置爲640px時,我遇到了Windows Phone上的視口元標記問題。我使用的是:Windows Phone視口元標記
但是似乎每當你嘗試設置視大於480像素的Windows手機將自動適用於默認視口(1,024像素)。
任何解決方法?
我沒有太大的成功與<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 article和the article鏈接到Mikael Koskinen's Answer範圍應該是320到10,000,但我一直沒有能夠重現這一點。
The Windows Phone team blogged about Windows Phone browser viewport前一段時間。他們沒有寬度大於480的示例,但也許可以從中找到一些提示,例如使用動態視口大小。
請注意,該博客文章僅適用於Windows Phone 7.5(芒果)。
我在Windows Phone 7.5上的體驗非常相似。我想要一個視口寬度600,在主div被固定在600px寬的頁面上,但使用''其中x> 480導致移動IE使用其默認視口寬度爲1024像素 - 與您完全不使用視口元標記相同。我沒有嘗試'MobileOptimized'解決方法,因爲我想讓用戶保留縮放級別的控制權,但對於某些人來說這聽起來像是一個不錯的選擇。 – Dogmang 2012-12-31 17:19:50