Изменение размера области просмотра

При создании адаптивного макета полезно видеть, как документ будет выглядеть на экранах разных размеров. В Google Web Designer можно изменять размер области просмотра. При этом стили, настроенные для определенного размера и ориентации экрана, будут применены к документу в рабочей области.

Если на панели "Адаптивные" выбраны Главные правила, применяются только универсальные стили. Чтобы активировать стили, которые зависят от области просмотра, выполните следующие действия.

  • На панели "Адаптивные" выберите раздел Правила обработки мультимедиа на вкладке Запросы медиа.
  • Для объявлений с двойным форматом выберите Правила для горизонтальной ориентации или Правила для вертикальной ориентации.

Как от руки изменить размер области просмотра с помощью мыши

  1. Выберите инструмент изменения размера области просмотра на панели инструментов. Вокруг области просмотра появится рамка.
  2. Перетащите один из светло-серых маркеров на рамке области просмотра.
    • Чтобы сохранить исходные пропорции, при перетаскивании удерживайте клавишу Shift.

Как указать точный размер области просмотра

  1. Выберите инструмент изменения размера области просмотра на панели инструментов.
  2. Чтобы сохранить исходные пропорции, нажмите кнопку Сохранять соотношение сторон на панели настроек инструмента вверху.
  3. На панели настроек инструмента измените значения ширины и высоты.

Как задать диапазон размера для области просмотра

  • Нажмите на горизонтальную или вертикальную линейку с выделенным цветом диапазоном.

Как выбрать стандартный размер области просмотра

  1. Выберите инструмент изменения размера области просмотра на панели инструментов.
  2. Выберите необходимый размер области просмотра из раскрывающегося списка Шаблоны на панели настроек инструмента.

Как добавить собственный стандартный размер области просмотра

  1. Выберите инструмент изменения размера области просмотра .
  2. Задайте размер области просмотра, который необходимо сохранить.
  3. На панели настроек инструмента нажмите кнопку Добавить собственный размер области просмотра . Текущий размер области просмотра появится в разделе Пользовательские размеры раскрывающегося списка Шаблоны.

Как переключаться между горизонтальным и вертикальным форматом области просмотра

  1. Выберите инструмент изменения размера области просмотра на панели инструментов.
  2. На панели настроек инструмента нажмите кнопку Изменить ориентацию , чтобы поменять местами значения ширины и высоты.

Как увидеть несколько размеров области просмотра

Вы можете увидеть сразу несколько размеров области просмотра в браузере с помощью режима предварительного просмотра Все размеры (доступно только для адаптивных документов).

Эта информация оказалась полезной?
Как можно улучшить эту статью?