2009-08-24 51 views
4

我正在为我的预申请构建支持页面。优化Palm Pre的网页

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

我已经让页面变得没有宽度或高度,但是由于某些原因,当您第一次在Pre上导航时,一切都会非常“缩小”。

我注意到像维基百科这样的网站的版本已经完全针对Pre进行了优化。我怎样才能使我的网页开始“维基百科”的方式“全尺寸”?

更新:

,我目前正在与测试的extremely simple page

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

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

回答

5

我找到了在webOSDev论坛上做到这一点的正确方法。

下面列出的是在报头中:

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

这具有的优点是,当用户开启装置成横向模式,一切适当缩放,而没有任何造型体操。

0

发布问题页面的URL会对此很有帮助。

一般来说,为了在智能手机上很好地展示,页面的设计必须是“流畅的”(以百分比表示百分之百的宽度(未用像素指定)以不同的屏幕分辨率使用最多的空间。设计支持的最小宽度应为300像素左右,以适应320x480屏幕上的缩放。

+0

由于该页面尚未建立,因此没有网址。我在没有css,没有JavaScript的页面上有这个问题,只有h1元素和p元素。 Ilve尝试将事物设置为310的宽度,但它不会改变缩放 – 2009-08-24 05:44:20