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

Question

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

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

Answer 1

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

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

Answer 2

Простой ответ - это библиотека мобильного JavaScript, например, одна из следующих:

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

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

http://jquerymobile.com/

http://jqtouch.com/