кодирование веб-страницы для просмотра на iphone

Question

Теперь я видел множество сайтов, которые отлично выглядят на iphone, таких как http://twitter.com и http://deviantart.com, однако я не могу на всю жизнь получить правильную структуру в моем мобильном телефоне веб-приложение, чтобы оно отображалось так, как если бы оно было приложением iphone.

Я обнаружил iphone jquery (http://jqtouch.com), который, кажется, является наиболее многообещающей библиотекой javascript для разработки приятных эффектов, чтобы все выглядело аутентично. Однако у меня все еще есть проблемы с получением веб-сайта для заполнения экрана на сафари на iphone.

Я никогда не смогу найти изобретательных веб-сайтов, которые на самом деле объясняют, как получить эффект полного увеличения и заполнения экрана.

Существуют ли библиотеки, которые помогают разрабатывать веб-сайты для мобильных устройств, таких как iphones.

Answer 1

Для запуска в полноэкранном режиме веб-страницу необходимо запустить как веб-приложение (добавленное в закладки на главном экране). Вы также должны указать в своем HTML, что это веб-приложение.

Взято с этого веб-сайта :

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta names="apple-mobile-web-app-status-bar-style" content="black-translucent" />

Answer 2

В прошлом я использовал эту библиотеку iui , и она хорошо работала для моего случая. Пример кода делает его довольно простым для понимания.

Answer 3

Или оформить заказ JQTouch . Вы можете начать работать очень быстро.