Прототипы Adobe XD неправильно отображаются при просмотре в веб-браузере

Проблема

Прототипы XD уменьшаются в размерах при просмотре в браузере.

Основная причина

Если ваши прототипы выглядят сжатыми в браузере, и вся ширина и высота монтажной области подогнаны под окно браузера, к монтажной области применяется параметр Прокрутка.

Для монтажных областей в XD есть параметр Прокрутка в инспекторе свойств, который может иметь значение Нет или По вертикали.

• Если параметр Прокрутка имеет значение Нет, вся монтажная область подгоняется под размер окна браузера без каких-либо полос прокрутки.
• Если параметр Прокрутка имеет значение По вертикали, значение Высота окна просмотра в инспекторе свойств для монтажной области определяет, как содержимое будет отображаться в браузере.
  • Если высота окна просмотра не совпадает с высотой монтажной области, высота окна просмотра подгоняется под размер окна браузера, а ширина регулируется для поддержания соотношения сторон.
  • Если высота окна просмотра совпадает с высотой монтажной области, ее ширина подгоняется под размер окна браузера (если необходимо), а высота регулируется.

При создании пользовательской монтажной области в XD свойство Scrolling автоматически устанавливается в значение None.Из-за этого большой монтажный стол выглядит маленьким. 

Решение

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

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