Почему вы храните скомпилированные классы в папке исходников? Переместите их в отдельную папку и добавьте в качестве зависимости в «Структура проекта | Модули | Зависимости»
Существует метатег, который можно использовать, который ограничит область просмотра для iPhone:
<meta name="viewport" content="width=320" />
Из документации разработчика Apple:
Используйте
viewport
метатег для улучшения презентации веб-контента на iPhone. Как правило, Вы используете метатег области просмотра для установки ширины и начального масштаба области просмотра. Например, если Ваша веб-страница является более узкой, чем 980 пикселей, то необходимо установить ширину области просмотра для установки веб-контенту. Если Вы разрабатываете определенное для iPhone веб-приложение, то установленный ширина на ширину устройства.
Существует константа, которую можно использовать для ширины устройства iPhone: width=device-width
.
Не уверенный, если эта ссылка будет работать, но можно читать больше о Мобильном Safari, и область просмотра наклеивают веб-сайт Разработчика Apple