0

I'm new to MVC 4 and jquery mobile and have been developing a mobile optimized site. The problem I am running into is when I have a mobile device horizontally, on page load the page will only take up about 3/4 of the screen.

If I rotate the screen to vertical and then back to horizontal, it then takes up the page width horizontally. This happens frequently as I navigate through my site.

I have the following meta tag on my pages:

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

I have searched as best I can for answers, but I'm having trouble coming up with search termsto even find this problem elsewhere. Has anyone else run into this issue? Using iPad 2 with IOS 6.0.1. I apologize ahead of time if this is an easy fix or if it has been posted before.

Thanks for your help.

4

1 回答 1

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 中，如果那部分内容在其中，它会忽略元标记。

于 2013-01-25T14:00:03.043 回答