MVC jquery mobile在加载时没有占用整页宽度

时间:2013-01-24 16:15:27

标签: css html5 jquery-mobile razor asp.net-mvc-4

我是MVC 4和jquery mobile的新手,并且一直在开发移动优化网站。我遇到的问题是当我有一个水平移动设备时,在页面加载时,页面只占用屏幕的3/4左右。

如果我将屏幕旋转到垂直然后再回到水平,则会水平占据页面宽度。当我浏览我的网站时,这种情况经常发生。

我的网页上有以下元标记:

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0, user-scalable=yes">

我尽可能地搜索答案,但是我在查找搜索字词时遇到了麻烦,甚至在其他地方找到了这个问题。还有其他人遇到过这个问题吗?将iPad 2与IOS 6.0.1配合使用。如果这是一个简单的解决方案,或者之前已经发布过,我会提前道歉。

感谢您的帮助。

1 个答案:

答案 0 :(得分:0)

经过一天的游戏后,我终于明白了。我的元标记必须进行编辑:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0; target-densityDpi=device-dpi" />

我拿出了用户可扩展的内容,因为我发现使用Android时,如果内容的那部分位于其中,则会忽略元标记。