html - 优化 Palm Pre 的网页

Question

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

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

我已经制作了页面，因此没有什么非常宽或高，但是由于某种原因，当您第一次在 Pre 上导航时，所有内容都非常“缩小”。

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

更新：

我目前正在测试的极其简单的页面。

在上面的页面上，我尝试将每个元素的宽度设置为 310 像素和 100%，结果始终相同。

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

Answer 1

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

标题中应包含以下内容：

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

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

Answer 2

在这里发布问题页面的 URL 将是一个很大的帮助。

一般来说，为了在智能手机上很好地展示，页面的设计必须是“流畅的”（以百分比表示 100% 的宽度 - 不是以像素为单位），以便在不同的屏幕分辨率下使用最多的空间。设计支持的最小宽度应约为 300 像素，以适应 320x480 屏幕上的缩放。