хороший вопрос (+1 проголосовал)!Есть много ресурсов по этому вопросу, но, исходя из опыта, основные вещи, которые я бы принял во внимание:
- гарантируют, что на странице нет жизненно важных флеш-объектов, поскольку это не поддерживается многими мобильными браузерами (еще?)
- подходящий размер экрана (с использованием метатега области просмотра)
- с учетом того, что курсоров мыши нет, это означает, что при наведении / двойном щелчке мышью любые жесты перетаскивания мышью отличаются при касанииУстройства
- помните, что все всплывающие окна открыты в новых вкладках и не будут отображаться одновременно с главным окном. В качестве альтернативы используйте модальные div javascript
- протестируйте все свои javascript и cssчтобы все выглядело и работало одинаково (Safari требует префикса -webkit- для новейших свойств CSS)
- создайте иконку главного экрана для вашего сайта (неплохо иметь)
большинство этих вещей покрыто здесь
посмотрите Safari Dev Center для учебных пособий / видео / кодирования, как и т.д.