Windows Phone视口元标记

时间:2012-02-10 23:38:58

标签: windows-phone-7 viewport meta-tags

我目前正在开设移动网站。在iOS和Android上一切正常,但是当我尝试将视口的宽度设置为640px时,我在Windows Phone上遇到了视口元标记的问题。我正在使用:

<meta name="viewport" content="width=640,user-scalable=no"/>

但是,无论何时尝试将视口设置得更大,480px Windows手机都会自动应用于默认视口(1024px)。

任何解决方法?

2 个答案:

答案 0 :(得分:4)

除非我将<meta name="viewport">设置在320到480(含)之间,否则width和Windows Phone 7.5没有取得多大成功。如果我想将它设置在该范围之外,它似乎默认为320。

我尝试使用 <meta name="MobileOptimized" content="640"> ,效果很好。它的行为类似于<meta name="viewport" content="width=640,user-scalable=no">

根据与this article相关联的the articleMikael Koskinen's Answer,范围应为320到10,000,但我无法重现。

答案 1 :(得分:1)

前一段时间

The Windows Phone team blogged about Windows Phone browser viewport。它们没有宽度大于480的示例,但也许您可以从那里找到一些提示,例如使用动态视口大小。

请注意,博文仅适用于Windows Phone 7.5(Mango)。