Оптимизировать веб-страницу для Palm Pre - PullRequest
4 голосов
/ 24 августа 2009

Я нахожусь в процессе создания страницы поддержки для моего предварительного заявления.

У меня проблема с тем, что содержимое на странице очень маленькое, поэтому пользователь должен вручную увеличить его, чтобы прочитать.

Я сделал страницу так, чтобы ничего не было очень широким или высоким, но по какой-то причине все очень «уменьшено», когда вы впервые переходите туда на Pre.

Я заметил, что такие сайты, как Википедия, имеют версии, которые идеально оптимизированы для Pre. Как я могу сделать так, чтобы мои страницы начинались "в натуральную величину", как это делает википедия?

Обновление:

чрезвычайно простая страница , с которой я сейчас тестирую.

На приведенной выше странице я попытался установить ширину для каждого элемента как 310px, так и 100%, результат всегда одинаков.

Полагаю, я могу добиться этого, задав все статическую ширину, а затем заставив все использовать очень большой размер шрифта. Я просто предполагаю, что есть «лучший способ», то есть какой-то способ дать предварительному браузеру знать, что ему не нужно начинать уменьшенный размер до размера «нормальной» веб-страницы (кажется, что масштаб по умолчанию имеет ширину около 1024 пикселей, хотя фактическое значение составляет 320 пикселей).

Ответы [ 2 ]

5 голосов
/ 25 августа 2009

Я нашел правильный способ сделать это на форумах webOSDev.

В шапке должно быть следующее:

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

Это имеет то преимущество, что когда пользователь переводит устройство в альбомный режим, все масштабируется соответствующим образом, без какой-либо стилистической гимнастики.

0 голосов
/ 24 августа 2009

Размещение URL-адреса проблемной страницы очень помогло бы здесь.

В общем, чтобы красиво отображаться на смартфонах, дизайн страницы должен быть «плавным» (занимать 100% ширины в процентах - не указывается в пикселях), чтобы использовать наибольшее пространство при разных разрешениях экрана. Минимальная ширина, поддерживаемая дизайном, должна составлять около 300 пикселей, чтобы соответствовать без увеличения на экранах 320x480.

...