В Google Web Designer можно создавать объявления и HTML-страницы с учетом ориентации области просмотра. Функция "Альтернативные страницы" позволяет легко переключаться между вертикальным и горизонтальным макетами.
Рекомендуем использовать функцию:
- если объявление не содержит полноэкранного видео и может появиться на экране определенного размера как в вертикальной, так и в горизонтальной ориентации;
- если вам нужно, чтобы при смене ориентации менялся макет страницы, а изменение стиля CSS не дает нужного результата.
Чтобы настроить альтернативные страницы, выполните следующие действия:
- Создайте две отдельные страницы с объявлениями вертикальной и горизонтальной ориентации.
- На панели Свойства выберите Альтернативная страница и укажите ID страниц так, чтобы они указывали друг на друга.
После этого страницы будут отображаться в соответствии с ориентацией области просмотра.
Чтобы ваш макет подстраивался под разную длину и ширину области просмотра, создайте адаптивный макет.
Чтобы сменить альтернативные страницы на адаптивный макет, удалите значение свойства Альтернативная страница и создайте отдельные правила @media для вертикальной и горизонтальной ориентации.