我目前正在研究移动网站。在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