Основы мобильных HTML-страниц - PullRequest
9 голосов
/ 11 мая 2010

Каковы основы для создания веб-страницы для мобильного устройства? Я разрабатываю простую страницу с таблицей и несколькими ссылками, но когда я открываю ее на своем телефоне Android, она становится слишком маленькой, и мне нужно увеличить ее, чтобы увидеть ее отчетливо. Обычно, когда я получаю доступ к странице, готовой для мобильных устройств, я могу видеть ее довольно четко с самого начала.

Как я могу это сделать?

Приветствие.

Ответы [ 3 ]

8 голосов
/ 11 мая 2010

Вы можете начать с настройки своих правил CSS и использования правильных метатегов:

http://learnthemobileweb.com/2009/07/mobile-meta-tags/

http://building -iphone-apps.labs.oreilly.com / ch02.html # ch02_id35932248

Это решит проблему изменения размера. Для дальнейших ссылок вы можете прочитать некоторые главы этой книги: http://building -iphone-apps.labs.oreilly.com /

, который предназначен для разработки веб-приложений для iPhone, но (поскольку iPhone и Android используют браузеры для веб-приложений) может быть очень полезным и для Android.

Если вы хотите создать многофункциональное веб-приложение, вы можете взглянуть на PhoneGap http://www.phonegap.com/

2 голосов
/ 11 мая 2010

Многое зависит от размера вашего дисплея. Если вы не хотите, чтобы сайт соответствовал определенному размеру экрана, он по умолчанию (во многих случаях) будет соответствовать стандартному разрешению браузера. Попробуйте установить для CSS высоты и ширины элемента body значение, соответствующее вашему телефону Android, и перезагрузите страницу.

Если у вас есть правильный размер, это похоже на создание любого другого веб-сайта.

1 голос
/ 30 мая 2010

Вы установили ваш тип документа на xhtml mobile?

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//WAPFORUM//DTD XHTML Mobile 1.0//EN" "http://www.wapforum.org/DTD/xhtml-   mobile10.dtd">
...