代码之家  ›  专栏  ›  技术社区  ›  TM. Randy Simon

为Palm Pre优化网页

  •  4
  • TM. Randy Simon  · 技术社区  · 15 年前

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

    我有个问题,页面上的内容很小,所以用户必须手动放大才能阅读。

    我做了这个页面,所以没有什么宽的或高的,但出于某种原因,当你第一次在pre导航到那里时,所有的东西都非常“缩小”。

    我注意到,像维基百科这样的网站都有针对pre的完美优化版本。我怎样才能让我的页面像维基百科那样从“全尺寸”开始呢?

    更新:

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

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

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

    2 回复  |  直到 15 年前
        1
  •  5
  •   TM. Randy Simon    15 年前

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

    标题中应包含以下内容:

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

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

        2
  •  0
  •   MaxVT    15 年前

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

    一般来说,要在智能手机上显示得很好,页面的设计必须是“流畅的”(100%的宽度以百分比表示,而不是以像素表示),才能在不同的屏幕分辨率中使用最大的空间。设计支持的最小宽度应为300像素,以适应320x480屏幕而不缩放。

    推荐文章