Адаптировать задание для мобильных устройств

Не подходят для мобильных устройств:

• задания со встроенными веб-страницами (iframe)
• выделение областей на изображении;
• оценка качества видео;
• задания, где надо просматривать большие изображения;
• сравнение изображений (Side-by-side), где изображения надо на экране располагать рядом;
• задания, где надо набирать много текста.

Подойдут задания по классификации, опросники, оценка небольших текстов, модерация комментариев и другие.

Мы рекомендуем использовать Конструктор шаблонов. С ним вам будет проще адаптировать задания для мобильных устройств.

Добавьте следующий код в блок CSS:

@media screen and (max-width: 800px) {

 .task {
  width: 93%;

 }
 .popup__text {
  width:auto;
 }

 .field{
  white-space: normal;
  display: block;
  width: 100% !important;
 }

 br {
  display: none
 }
}

@media (pointer: coarse) {
  .field__hotkey, .inplace_instruction  {
    display: none;
  }
}

Этот код меняет интерфейс задания для устройств с шириной экрана менее 800 пикселей:

• умещает все элементы интерфейса на экране смартфона;
• следит, чтобы подсказки не выходили за границы экрана;
• убирает горячие клавиши;
• добавляет переносы строк у полей;
• убирает пробелы в виде пустых строк.

Задания в пулах по умолчанию будут доступны для веб-версии Яндекс Заданий и мобильного приложения. Если вы хотите изменить настройки по умолчанию и ограничить видимость задачи для любой из версий, добавьте фильтр Клиент и выберите нужное значение: Веб-версия Яндекс Заданий или Мобильные Яндекс Задания.