Мобильные основы страниц HTML
Каковы основы для создания веб-страницы для мобильного устройства? Я разрабатываю простую страницу с таблицей и несколькими ссылками, но когда я открываю ее со своим телефоном на базе Android, это является слишком маленьким, и я должен увеличить масштаб для наблюдения его ясно. Обычно то, когда я получаю доступ к странице, готовой к мобильным устройствам I, видит его справедливо ясно для начала.
Как я могу сделать это?
Удачи.
3 ответа
Вы можете начать с настройки правил 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 используют браузеры webkit) может быть очень полезным и для Android.
Если вы хотите создать полнофункциональное веб-приложение, вы можете взглянуть на PhoneGap http://www.phonegap.com/
Многое зависит от размера вашего дисплея. Если вы не создаете сайт под конкретный размер экрана, он будет (во многих случаях) по умолчанию соответствовать стандартному разрешению браузера. Попробуйте установить высоту и ширину CSS элемента body на значения, подходящие для вашего телефона Android, и перезагрузить страницу.
Как только вы определитесь с нужным размером, процесс создания сайта будет таким же, как и при создании любого другого сайта.
Вы установили свой doctype на 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">