优化 Palm Pre 的网页

Question

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

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

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

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

更新：

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

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

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

Answer 1

我在 webOSDev 论坛上找到了执行此操作的正确方法。

标题中应包含以下内容：

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

这样做的优点是，当用户将设备切换为横向模式时，所有内容都会适当缩放，而无需任何造型体操。

Answer 2

发布问题页面的 URL 在这里会有很大帮助。

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