如何检测移动设备的屏幕分辨率？

Question

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

Answer 1

如果不知道css标记的样子，请尝试添加以下元标记：

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

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

Answer 2

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

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

Answer 3

尝试添加以下代码段：

<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