Palm PreのWebページを最適化する

Question

私の前のアプリケーションのサポートページを構築中です。

ページのコンテンツが非常に小さいため、ユーザーが手動でズームインして読む必要があるという問題があります。

私は非常に幅が広​​い、または背の高いものはないようにページを作っていますが、何らかの理由で、Preで最初にナビゲートしたときに、すべてが非常に「ズームアウト」されています。

私は、ウィキペディアのようなサイトには、Preのために完全に最適化されたバージョンがあることに気付きました。ウィキペディアのやり方で、私のページを「フルサイズ」にするにはどうすればいいですか？

アップデート：私は現在でテストしてい

extremely simple page。

上記のページでは、すべての要素の幅を310pxから100％に設定しようとしましたが、結果は常に同じです。

私はすべてを静的な幅にしてから、すべてを非常に大きなフォントサイズにすることでこれを達成できます。私はちょうど "より良い方法"があることを推測しています。つまり、ブラウザが "通常の" Webページのサイズにズームアウトする必要がないことをブラウザに知らせるための方法です（デフォルトのズーム実際の解像度は320ピクセルですが、約1024ピクセルです）。

Answer 1

私はwebOSDevフォーラムでこれを行う適切な方法を見つけました。

次のヘッダでなければならない：

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

これは、ユーザが風景モードにデバイスをオンにするとき、すべてが任意のスタイリング体操せずに、適切にスケーリングするという利点を有します。

Answer 2

問題のあるページのURLを投稿することは大きな助けになります。

一般に、スマートフォンでうまく表示するには、異なる画面解像度で最も多くのスペースを使用するために、ページのデザインを「流動的」にする必要があります（ピクセルで指定しないで、幅の100％をピクセルで指定します）。デザインでサポートされている最小幅は、320x480の画面をズームしないでフィットするために、約300ピクセルにする必要があります。