Mobile 如何在HTML中使用javascript动态设置屏幕分辨率？

我正在为移动设备和iPod开发一个web应用程序，因此与平台无关。为此，我使用html作为嵌入adv.javaservlet的前端

但是，我在屏幕分辨率方面有一个大问题。如何为任何web浏览器动态设置屏幕分辨率

---

理想情况下，我不想要水平滚动条；那么，什么方法可以在这里工作呢？

在使用JavaScript的手机上，您无法真正更改浏览器大小

---

您需要的是根据客户机使用不同的CSS规则。您可以通过嗅探用户代理HTTP头并从后端提供特定的CSS文件或使用CSS3媒体查询来实现这一点。

您需要做一些研究，但下面我概述了一些可以实现您想要的功能的技巧（我想是吧？）

如前所述，您可以使用条件CSS样式表，例如：

<!--[if IE]>
        <link rel="stylesheet" type="text/css" href="../style/ie.css" media="all" />
<![endif]-->

<!--[if IE 7]>
        <link rel="stylesheet" type="text/css" href="../style/ie7.css" media="all">
<![endif]-->

您要找的可能是

用户代理

，它应该包含浏览器信息和版本。同样，您必须进行测试，以确定需要处理哪种类型的字符串，据我所知，目前还没有“实时”用户代理字符串的标准全面列表

以下是一些用户代理字符串的示例：

您的用户代理是：Mozilla/5.0 (Windows,U,windowsnt 5.1,en GB,； rv:1.9.2.12）壁虎/20101026 Firefox/3.6.12（.NET CLR 3.5.30729）

如果您也基于此编写代码，它将面临与新版本相关的问题，并且可能很快就会过时

另一个解决方案是在页面上提供iframe，您可以按照自己的意愿设置属性/样式，有或没有水平/垂直滚动条，您可以设置它的确切大小，以及许多其他内容。以下是iframe的属性：

SRC=URI (URI of frame content)
NAME=CDATA (name of frame)
LONGDESC=URI (link to long description)
WIDTH=Length (frame width)
HEIGHT=Length (frame height)
ALIGN=[ top | middle | bottom | left | right ] (frame alignment)
FRAMEBORDER=[ 1 | 0 ] (frame border)
MARGINWIDTH=Pixels (margin width)
MARGINHEIGHT=Pixels (margin height)
SCROLLING=[ yes | no | auto ] (ability to scroll)

因此，将特定样式表服务于不同平台与iframe结合起来可能会产生您想要的结果

---

我还建议您开始阅读，因为这将对您大有帮助。

使用css3媒体查询更改页面设计：

适用于iPhone4

下面的样式表是 专门针对iPhone 4（学分： 托马斯·梅尔）

用于iPad

您还可以使用媒体查询来检测 方向（纵向或横向） 在iPad上（字幕：Cloud Four）

此外，在所有CSS中，记住使用相对大小。i、 e%和em而不是像素和点。（适用于文本、边距和填充物）

-1文本说话有什么用？$10表示，如果你开始假装把你的帖子交给你的英语老师，人们会停止对你的帖子投反对票，你会得到更多（更好？尽管这里有很好的答案）回答。标记为冒犯。我真的希望人们能忽略这些问题，直到提问的人吸取教训并发表可读的文章。通过给这个人合理的答案，你只会鼓励他们继续使用野蛮的语言。这冒犯了我，这是亵渎罪所无法做到的：|@megar你难道没有编辑帖子的能力吗？看看那个可怜的混蛋，他是个笨蛋！他需要的是你的帮助，而不是你的怨恨。哦，谢谢你的回复……但请详细解释一下，有什么方法可以将此…+1存档到非常有用的链接中。：）

SRC=URI (URI of frame content)
NAME=CDATA (name of frame)
LONGDESC=URI (link to long description)
WIDTH=Length (frame width)
HEIGHT=Length (frame height)
ALIGN=[ top | middle | bottom | left | right ] (frame alignment)
FRAMEBORDER=[ 1 | 0 ] (frame border)
MARGINWIDTH=Pixels (margin width)
MARGINHEIGHT=Pixels (margin height)
SCROLLING=[ yes | no | auto ] (ability to scroll)

<link rel="stylesheet" media="only screen and (-webkit-min-device-pixel-ratio: 2)" type="text/css" href="iphone4.css" />

<link rel="stylesheet" media="all and (orientation:portrait)" href="portrait.css">
<link rel="stylesheet" media="all and (orientation:landscape)" href="landscape.css">