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