Как правильно построить Android-совместимый веб-сайт?

Question

Я кодер HTML/CSS/jQuery. И мне нужно разработать веб-сайт, который будет «уменьшен» или «установлен» на 320x480 (часто используемое разрешение) экран мобильного устройства Android. Или даже эти решения должны проверять разрешение экрана и подключать для этого правильный CSS. Где-то я встретил, что есть файл android.js, который подключается к HTML и распознает, открыт ли веб-сайт на ПК или на устройстве Android. Но я совсем не уверен. Раньше я ничего не делал для мобильных телефонов.

Нашли эту статью: http://blog.mgpwr.co.uk/2010/09/make-your-website-iphone-compatible/ Не думайте, что это правильное решение для использования PHP для этого. Лучше будет HTML или JS.

Answer 1

Простой ответ был бы быть библиотекой JavaScript чернь, такие как одна из следующих:

http://www.sencha.com/products/touch/

http://www.phonegap.com/home/

http://jquerymobile.com/

http://jqtouch.com/

Answer 2

Очень простой ответ был бы не ограничивайте ширину на элементах и ​​не указывайте размер шрифта в пикселях. Мобильный браузер самостоятельно отрегулирует отображаемую страницу.

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