반응형 기능은 AMP HTML 광고에서 지원되지 않습니다. 동영상 광고, 애니메이션 GIF 및 이미지 광고는 여러 크기의 레이아웃을 사용할 수 있습니다.
반응형 레이아웃을 만들 때는 문서에서 작업하는 동안 문서가 다양한 표시 영역 크기에서 어떻게 보이는지 확인하면 도움이 됩니다.
마우스로 표시 영역 크기 자유롭게 조절하기
이 방법을 사용하면 비율 기반 요소의 변경사항을 확인할 수 있지만, 스타일 규칙은 확인할 수 없습니다.
- 반응형 패널에서
기본 문서 수정을 선택하면 표시 영역 주변에 테두리가 표시됩니다.
- 표시 영역 테두리에서 연한 회색의 핸들 중 하나를 드래그합니다.
- 가로 세로 비율을 유지하려면 Shift 키를 누른 상태에서 드래그합니다.
- 핸들이 표시되지 않으면 상단 메뉴에서 보기 > 반응형 > 표시 영역 크기 조절 핸들을 선택하여 핸들을 표시합니다.
특정 표시 영역 크기 선택하기
다음 방법 중 하나를 사용하세요.
- 반응형 패널에 나열된 크기 중 하나를 선택합니다.
- 원하는 크기가 목록에 없으면 목록 하단에서 맞춤 크기 추가를 클릭한 후 원하는 크기를 입력합니다.
크기 범위에 표시 영역 맞추기
- 반응형 패널에 나열된 미디어 범위 지정 규칙 중 하나를 선택합니다. 표시 영역이 선택한 크기 범위에 맞지 않는 경우에는 표시 영역 크기가 해당 범위의 최대 너비 및 높이로 자동 조절됩니다.
- 표시 영역 테두리의 연한 회색 핸들 중 하나를 드래그합니다. 표시 영역 크기는 눈금자에 색상이 지정된 막대로 표시되는 선택한 범위 내에서만 조절할 수 있습니다.
- 가로 세로 비율을 유지하려면 Shift 키를 누른 상태에서 드래그합니다.
- 핸들이 표시되지 않으면 상단 메뉴에서 보기 > 반응형 > 표시 영역 크기 조절 핸들을 선택하여 핸들을 표시합니다.
여러 표시 영역 크기 미리보기
반응형 패널에서 반응형 미리보기 버튼을 클릭하면 문서에서 작업하는 동안 여러 표시 영역 크기를 한눈에 볼 수 있습니다. 크기 미리보기
체크박스가 선택된 모든 크기는 미리보기 패널에 표시됩니다. 이 미리보기 모드는 반응형 문서에서만 사용할 수 있습니다.
