Если вы хотите создать отзывчивый пользовательский опыт, то обычно добавляйте тег <meta name = ”viewport”> в html. Этот тег содержит инструкции для браузера в отношении точек обзора и масштабирования, а также убедитесь, что ваш веб-дизайн масштабируется в соответствии с вашими определениями стиля. Без этого тега SharePoint на iPhone будет выглядеть так, как показано на скриншоте ниже. В настоящее время SharePoint не поддерживает его по умолчанию. 
SharePoint на iPhone без метатега области просмотра
Большинство людей, как правило, добавляют его прямо на главной странице. Модификация, которая пока поддерживается, но не рекомендуется Microsoft в Office 365. На сайтах публикации этот метатег можно добавить даже без редактирования главной страницы.
SEO параметры помогут
После создания семейства сайтов публикации «Настройки поисковой оптимизации» по умолчанию включаются на уровне семейства сайтов.
Основная цель этих настроек - добавить дополнительные вещи в определение заголовка SharePoint. Чтобы быть более точным, метатеги, которые можно добавить, будут использоваться для подтверждения того, что вы являетесь владельцем веб-сайта, и будут использоваться такими инструментами, как инструменты для веб-мастеров Bing или же инструмент веб-мастера google ,
Фактически эти параметры не нужны для публикации веб-сайтов интрасети Office 365. Ни один инструмент для веб-мастеров не сможет получить доступ к нашим хорошо защищенным внутренним сетям с поддержкой аутентификации. Мета-теги являются мета-тегами, так почему бы не использовать параметры оптимизации поисковой системы для контрабанды в метатеге порта просмотра.
Для этого перейдите в «Настройки сайта»> «Администрирование семейства сайтов» и «Поисковая оптимизация».
Администрирование семейства сайтов> Поисковая оптимизация
Значение для окна просмотра, которое я добавил, было:
<meta name = "viewport" content = "width = device-width, initial-scale = 1, Maximum-scale = 1" />
Значение, которое отлично работает на многих устройствах. Результатом является прекрасно масштабируемый SharePoint. Не оптимизировано для отзывчивости, но отображает содержимое правильно в соответствии с определениями стиля.
SharePoint на iPhone с метатегом области просмотра
Осталось только добавить таблицу стилей, которая определяет медиазапросы и точки прерывания медиа.
Поддержка Dev для этого свойства
Если вы хотите предоставить эти свойства с помощью размещенного приложения SharePoint или размещенного приложения поставщика, следующие два свойства должны быть установлены в корне семейства сайтов.
- seoincludecustommetatagpropertyname
Это свойство определяет, что доступны пользовательские метатеги SEO. Возможные значения: «True» или «False». - seocustommetatagpropertyname
Это свойство хранит значение мета-тегов SEO. В нашем случае он содержит:
<meta name = "viewport" content = "width = device-width, initial-scale = 1, Maximum-scale = 1" />
Если вы хотите подготовить только отзывчивый файл CSS без редактирования главной страницы, вы можете установить это свойство в своем приложении, размещенном в SharePoint или в провайдере.
Заключение
Добавление таких настроек области просмотра, возможно, не позволит полностью масштабировать проект брендинга, но поможет вам, по крайней мере, обеспечить лучший пользовательский интерфейс, независимый от устройства. Чтобы протестировать эту функцию, необходимо отключить функцию «Просмотр мобильного браузера», которая является веб-функцией. С помощью этого небольшого хака вы можете следовать рекомендации Microsoft не настраивать главную страницу в Office 365.
Шаблон Office 365 и практика
в Шаблон Office 365 и практика недавно было добавлено решение Хизер Соломон, которое должно показать, как сделать SharePoint отзывчивый без редактирования главной страницы. Я уже представил ошибку на этом образце. Проблема состоит в том, что без правильно определенного видового экрана нет изменений, чтобы запустить этот образец. Даже Хизер Солоном представила это в своем великолепном сообщении в блоге « Сделайте Сиэтл. Мастер отзывчивым «. Наконец, в конце она отредактировала файл seattle.html, чтобы добавить окно просмотра. Редактирование файлов HTML в галерее главной страницы работает так же, как и редактирование самой главной страницы. Как только файл будет одобрен, будет создан новый файл seattle.master, который перезапишет текущий.
Представленное здесь решение - единственный способ, который я нашел до сих пор, чтобы он работал абсолютно без редактирования главной страницы.
** ОБНОВЛЕНИЕ 3 мая 2015 года **
Я добавил код, чтобы установить свойства окна просмотра в исходный код, сделанный Веса Ювонен , Решение Office 365 Pattern and Practices теперь готово к тестированию и на аппаратных устройствах. Без настройки порта просмотра CSS работает только в настольных браузерах.
