Поддержка мобильных устройств и планшетов

Документерра предоставляет адаптивный пользовательский интерфейс читателя — он хорошо выглядит на любом мобильном устройстве и планшете с любым размером экрана: от устройств Android или iOS, iPhone и iPad до HD-телевизора.   Для этого вам не нужно делать ничего особенного — Документерра позаботится об этом за вас.   Большинство элементов, добавляемых в руководства пользователя, будут правильно отображаться для читателей независимо от размеров экрана. Это готовое решение.

Например, Документерра автоматически адаптирует размер изображений и видео в вашей документации для различных разрешений экрана для удобства читателей, чтобы избежать горизонтальной прокрутки, которая мешает при работе с мобильными устройствами.

Однако в Документерре обрабатываются только самые популярные варианты использования. Предсказать 100% всех возможных ситуаций невозможно. Иногда вам все равно может потребоваться настроить свой контент, если вы хотите, чтобы он хорошо выглядел как на ПК, так и на мобильных экранах. Итак, мы рекомендуем сначала проверить, как ведет себя контент на экранах разных размеров, а затем устранить конкретные проблемы, если вы с ними столкнетесь.   Ознакомьтесь с этой серией блогов, если хотите узнать подробнее об эмуляции мобильного устройства и сделать ваш контент адаптивным.

Отключение автоматического изменения размера

Как упоминалось выше, чтобы избежать горизонтальной прокрутки для широких элементов, таких как таблицы, изображения, видео, контейнеры iframe, встраиваемые элементы и т.д., в системе Документерра можно воспользоваться функцией автоматического изменения размера.

Если вам нужно отключить данную функцию для элемента, добавьте атрибут data-ch-no-autosize="true" в его HTML-код. 

Например, если код для вставленного изображения выглядит следующим образом:

<img src="/resources/Storage/Documentation/Screenshots/Image1.png" alt="Image1"/>

Вы должны изменить его на следующий, и размер вашего изображения не будет автоматически изменен:

<img src="/resources/Storage/Documentation/Screenshots/Image1.png" alt="Image1" data-ch-no-autosize="true"/>

Наверх