我是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配合使用。如果这是一个简单的解决方案,或者之前已经发布过,我会提前道歉。
感谢您的帮助。
答案 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时,如果内容的那部分位于其中,则会忽略元标记。