2

我是移动网络应用程序开发的新手,我在 jqueryMobile 和 asp.net 中编写了一个小应用程序,但是我遇到了屏幕高度问题,当我在 Opera 模拟器中测试我的应用程序时,对于大屏幕尺寸,我的应用程序看起来很小,有没有办法检测和调整高度和宽度,使它看起来像一个原生应用程序并填满整个屏幕。

在此处输入图像描述

在此处输入图像描述

4

3 回答 3

1

在不知道您的 css 标记看起来如何的情况下尝试添加以下元标记:

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

这将确保您的页面以正确的比例开始(并且不允许捏缩放)

于 2012-04-07T18:02:18.773 回答
0

您可以阅读 css 技巧来制作 CSS 目标屏幕尺寸

http://css-tricks.com/css-media-queries/

于 2012-04-07T18:00:14.110 回答
0

尝试添加以下代码段:

<meta name="viewport" content="width=device-width">

从你说的应该可以满足你的需求。

您可以在此处找到有关视口元标记的更多信息https://developer.mozilla.org/en/Mobile/Viewport_meta_tag

您还可以考虑其他一些元标记。

<meta name="HandheldFriendly" content="True">

<meta name="MobileOptimized" content="320"/>

其中大部分是我从探索 html5 移动样板中学到的。对于任何移动应用程序来说,这都是一个坚如磐石的起点。如果您之前没有检查过,我相信它会帮助您很多http://html5boilerplate.com/mobile

于 2012-04-07T18:19:23.387 回答