내 웹사이트가 모바일에서 다르게 보입니다
이 문서는 기계 번역되었습니다. 오류가 있는 경우 Canva에 알려 주세요.
내 웹사이트가 모바일에서 다르게 보입니다
원인
자동 정렬은 Canva 웹사이트를 다양한 화면 크기에 맞게 조정합니다. 따라서 요소를 수직으로 쌓아 올리므로 가로가 있는 전체 화면 요소의 크기가 깔끔하게 조정되지 않을 수 있으며, 브라우저, 브라우저 버전, 기기 크기에 따라 사이트가 다르게 표시될 수도 있습니다.
해결 방법
- 겹침 확인: 디자인에서 요소를 선택하고 크기를 조정하거나 자르기하여 테두리가 서로 닿지 않도록 하세요.
- 가로로 긴 요소 나누기: 전체 가로를 차지하는 큰 요소는 깔끔하게 쌓이는 더 작은 요소로 바꾸세요.
- 안전 여백 안에 유지: 중요한 요소는 안전 여백 경계 안에 배치하세요.
- 모바일에서 미리 보기: 편집하는 동안 모바일 미리 보기 패널을 사용하세요. 게시된 사이트는 기기와 브라우저에 따라 달라질 수 있으므로 참고용으로 확인하세요.
- 그룹화 및 잠금: 관련 요소를 그룹화한 다음, 그룹을 잠금 처리하여 함께 유지되도록 하세요.
요소 그룹화
특정 요소를 함께 묶고 싶으면 그룹화할 수 있습니다. 그룹화하지 않을 경우 모바일 보기에서 서로 분리될 수 있습니다.
- 그룹화할 요소 위로 커서를 드래그하세요. 키보드의 Shift 키 를 누른 채 요소를 선택할 수도 있습니다.
- 플로팅 도구 모음에서 그룹을(를) 선택합니다.
- 그룹화된 요소가 모바일에서 어떻게 표시되는지 확인하려면 미리 보기를 클릭하세요.
- 미리 보기 패널에서 모바일 버튼을 클릭하여 모바일 레이아웃을 확인하세요.
아래 예시에서 모바일 보기에서 텍스트 상자가 어떻게 가려지는지 확인하세요.
도움이 되셨나요?
도움이 되었어요
도움이 되지 않았어요