html - 为 Palm Pre 优化网页

Question

我正在为我的预申请构建一个支持页面。

我遇到了页面内容非常小的问题，因此用户必须手动放大才能阅读。

我制作的页面没有太宽或太高的东西，但出于某种原因，当你第一次在 Pre 上导航时，一切都非常“缩小”。

我注意到像维基百科这样的网站有针对 Pre 进行了完美优化的版本。我怎样才能使我的页面像维基百科那样以“全尺寸”开始？

更新:

extremely simple page我目前正在测试的。

在上面的页面上，我尝试将每个元素的宽度设置为 310px 和 100%，结果总是一样的。

我想我可以通过给所有内容一个静态宽度然后让所有内容都使用非常大的字体来实现这一点。我只是猜测有一种“更好的方法”，即某种让预浏览器知道它不需要开始缩小到“正常”网页大小的方法(似乎默认缩放大约 1024px 宽，即使实际 rez 是 320px)。

Answer 1

我在 webOSDev 论坛上找到了正确的方法。

标题中应包含以下内容:

<meta name="viewport" content="width=device-width"/>
<meta name="viewport" content="initial-scale = 1.0"/>

这样做的好处是，当用户将设备切换到横向模式时，一切都会适当缩放，而无需任何造型操作。