【问题标题】:MVC jquery mobile not taking full page width on loadMVC jquery mobile在加载时不占用整个页面宽度
【发布时间】:2013-01-24 16:15:27
【问题描述】:

我是 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">

我已尽我所能搜索答案,但我无法找到搜索词,甚至无法在其他地方找到此问题。有没有其他人遇到过这个问题?使用带有 IOS 6.0.1 的 iPad 2。如果这是一个简单的解决方法或者之前已经发布过,我提前道歉。

感谢您的帮助。

【问题讨论】:

  • 首先,您是在谈论页面(带有页眉、内容和页脚)还是只是内容?
  • 整个页面,包括页眉、内容和页脚。它本质上是最右边的一大块黑色

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


【解决方案1】:

在玩了一天之后,我终于弄明白了。必须编辑我的元标记:

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

我取出了用户可缩放,因为我发现在 Android 中,如果那部分内容在其中,它会忽略元标记。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2019-06-25
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多