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"/>

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

Answer 2

发布问题页面的网址对我们有很大帮助。

一般来说，要在智能手机上很好地展示，页面的设计必须是“流畅的”（以100％的百分比宽度 - 未以像素为单位指定）以在不同的屏幕分辨率下使用最大的空间。设计支持的最小宽度应为300像素左右，无需放大320x480屏幕。