Если вы хотите поддерживать старые версии браузера, вам необходимо иметь несколько сайтов. Но сначала взгляните на статистику мобильных браузеров, чтобы решить, стоит ли это. Если вы просто хотите, чтобы ваш существующий сайт работал на iPhone/Android или другие телефоны с браузерами A-grade, вы можете настроить его с помощью мобильного CSS (для небольших экранов). Но чтобы получить хорошую производительность на мобильных устройствах на медленных/ненадежных подключениях, вам, вероятно, потребуется отдельный разделитель html.
У Apple есть очень хорошее руководство, которое поможет вам оптимизировать ваш сайт для iPhone. Большинство из них также будут работать на современных мобильных браузерах: http://developer.apple.com/safari/library/documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html
Peter Paul Koch провел отличные исследования в различных мобильных браузерах.У него есть несколько статей, но это хороший старт: http://www.quirksmode.org/mobile/browsers.html
Как упомянуто выше, Nate Bross, вы должны оптимизировать работу сенсорных устройств. К сожалению, очень сложно узнать, имеет ли устройство касание или нет, поскольку для него нет медиа-запросов. Вы можете выполнять фальсификацию пользовательского агента для некоторых устройств, но я не рекомендую его. Больше обсуждений здесь: Optimize website for touch devices
На данный момент я обнаруживаю события касания (исключая для Chrome). Если это возвращает true, я вставляю сенсорный CSS. Немного противно, но другие варианты хуже:
function() {
if(/Chrome/i.test(navigator.userAgent)) {
return false;
}
try {
document.createEvent("TouchEvent");
return true;
} catch (e) {
return false;
}
}
Вы специально попросили сайтов для мобильных веб-браузеров, но вы можете также проверить возможности создания мобильных веб-приложений. Похоже, iPhone-приложение (или Android), но оно построено с помощью HTML5. Вы можете делать симпатичные анимации с CSS3 в изображении webkit, а iPhone также имеет метатеги, чтобы скрыть панели навигации Safari. Затем пользователи могут добавлять закладки на свой домашний экран, и это будет работать так же, как и обычное приложение для iPhone. Конечно, вы ограничены браузером и его производительность. Но вы можете создавать многоплатформенные приложения :) HTML5 + JS - это единственный язык для мобильных мобильных устройств, одобренный Стива Джобса, и с помощью PhoneGap вы даже можете попасть в AppStore! Если веб-приложение звучит интересно, вы должны проверить jQTouch, jQuery CSS Transition plugin и, конечно, Building iPhone apps with HTML, CSS and JavaScript от Jonathan Stark.