Question

我有一个在服务器上生成的简单网页。它有简单的文本字段，单选按钮，标签和类似的东西（很像一个简单的形式）。我正在尝试为移动浏览器优化此功能。我想尽可能多地使用CSS，我想找到一种方法来支持iphone，android和流行的移动操作系统。

我的问题是，我可以设置页面样式，以便字段总是占用手机宽度的100％，标签会换行等等，但也会使用户无法放大或缩小缩放正确显示天气iphone4或iphone3g正在看它吗？

我使用元标记找到了我的答案的部分内容，但无论分辨率如何，我似乎无法找到使缩放始终正确的方法。

Answer 1

<meta name="viewport" content="width=device-width, user-scalable=no" />

这适用于iOS，但在BlackBerry和Android的横向视图中，页面位于左侧，不会向上扩展。我认为这与iOS推断高度（和其他属性）有关，如果没有明确设置，而其他平台可能需要height=device-width集。