Это действительно зависит от того, что вы подразумеваете под "совместимостью с ipad / iphone".
Если вы просто хотите, чтобы веб-сайт работал, то, скорее всего, это уже тот случай, если веб-сайт работает в браузерах WebKit (что обычно происходит, если он работает в других популярных браузерах, таких как Firefox и Chrome, за исключением нескольких причуд).
Если вы просто хотите определить масштаб окна просмотра по умолчанию, чтобы сделать страницу более удобочитаемой и удобной для навигации, рассмотрите возможность добавления <meta> с настройкой для параметров viewport.
Однако, чтобы по-настоящему использовать мобильные / планшетные устройства и максимально повысить удобство работы с пользователями, нет никакого реального способа «волшебным» образом превратить ваш обычный сайт для настольных компьютеров в оптимизированный для мобильных устройств / планшетов. Для этого вам нужен новый оптимизированный для мобильных устройств веб-сайт.
Вам нужен совершенно другой подход и мышление при создании мобильных веб-сайтов - интерфейс и функциональность должны быть гораздо более минималистичными, ориентируясь на действительно важные аспекты ваших сайтов. Макет должен подчеркивать важные области сайта, и большая часть «фонового шума» должна быть отброшена. Навигация должна быть оптимизирована для использования с сенсорным экраном, и в целом все взаимодействие с пользователем на основе сенсорного ввода позволяет вам делать вещи совершенно иначе, чем на классических веб-сайтах.
Есть много хороших ресурсов, которые вы можете найти в Интернете. У SmashingMagazine есть отличная вводная статья для мобильного дизайна, которая ни в коем случае не является всеобъемлющей, но является хорошей отправной точкой.
Если вы решили написать специальную мобильную версию, я настоятельно рекомендую попробовать jQuery Mobile , с которой мне действительно приятно работать.