Webpage Optimization for Palm Pre

Question

I am going to create a support page for my preview application.

I had a problem when the content on the page is very small, so the user needs to manually zoom in to read it.

I made the page so that there is nothing very wide or high, but for some reason everything is very "reduced" when you first go there to Pre.

I noticed that sites like wikipedia have versions that are ideally optimized for Pre. How can I make my pages “full-sized”, like Wikipedia does?

Update:

the extremely simple page I'm testing with now.

On the page above, I tried to set the width for each element to both 310px and 100%, the result is always the same.

I believe that I can accomplish this by providing all the static width and then making everything use a very large font size. I just guess that there is a "better way", i.e. Somehow letting the preliminary browser know that it doesn't need to start scaling to the size of a “normal” web page (it seems that the default scale is about 1024 pixels wide, although the actual value is 320 pixels).

Answer 1

I found the right way to do this on the webOSDev forums.

The heading should indicate the following:

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

This has the advantage that when the user turns the device into landscape mode, everything scales properly, without any styling of the gym.

Answer 2

Advancing the problem page URL will be of great help here.

In general, in order to display smartphones well, the page design should be “liquid” (assuming 100% of the width in percent - not specified in pixels) in order to use the largest space at different screen resolutions. The minimum width supported by the design should be around 300 pixels so that it does not scale on 320x480 screens.