2012-02-10 65 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