5

我正在为移动访问设计网站,我想设置页面宽度、高度和按钮大小,以便它们显示填满屏幕。例如,如果用户使用 HTC HD,则整个屏幕为 480x800,按钮大小为 240x200。然而 IE mobile 和 Opera 加载页面时有一些缩放级别,因此按钮显示太大或太小。如何在 javascript 中读取当前缩放级别或从 javascript 设置它?

4

2 回答 2

5

看看<meta name="viewport">。它支持多种移动平台,包括 (AFAIK) iPhone、Android、Blackberry、Opera Mobile 甚至 IE6 Mobile。基本上,它可以让您预设设备宽度、缩放级别和最大/最小缩放。查看Apple 开发者网站并了解更多信息。

此外,您可以使用 CSS 媒体查询来检测浏览器的形状和大小,并相应地提供不同的布局(等)。同样,这些都得到了相当广泛的支持,Apple 开发者网站有更多信息。

于 2010-04-06T11:19:48.000 回答
0

你不应该依赖在移动设备上使用 JavaScript,因为它仍然没有在所有手机上得到广泛支持。相反,您应该将页面的宽度设置为与浏览器宽度相同,以便您的页面显示为 100%,例如body {width: 100%; margin: 0; padding: 0;}

至于按钮,如果您能够在页面加载之前检测到浏览器宽度,则应该使用相对值或使用不同的图像大小。

于 2010-04-06T11:03:40.317 回答