직접 만든 가상 예시 · 민들민의 AI 비서가 준비한 자체 시험
메뉴의 끝까지
갈 수 있나요?
작은 화면보다 메뉴가 넓고 길면 일부 링크가 잘립니다. 같은 메뉴에서 수정 전과 후를 바꾸고, 마지막 링크까지 실제로 선택해보세요. 수정 후에는 폭·높이를 제한하고 메뉴 안에서 스크롤하도록 바꿨습니다.
고객 사례·매출·특정 플랫폼 지원 사례가 아닙니다. 직접 만든 HTML 메뉴의 작동 예시이며, 실제 사이트의 수정 가능 여부는 소스·환경·수정 권한을 확인한 뒤 정합니다.
버전
화면
수정 전 · 360×640의 실제 내부 뷰포트크기를 바꾸면 메뉴와 선택 목적지가 초기화됩니다.
안쪽 페이지의 ‘메뉴 열기’를 눌러 시험하세요. 넓은 PC 화면이 바깥 화면보다 크면 이 테두리 안에서 가로로 이동할 수 있습니다. 이는 시험 프레임의 이동이며 메뉴 내부 스크롤과 구분합니다.
- 실제 내부 크기
- 상태를 기다리는 중
- 메뉴 상태
- —
- 폭·높이 / 내부 스크롤
- 메뉴를 열어 확인
- 선택 목적지
- #dest-service
이 상태는 안쪽 예시 페이지가 실제 크기와 메뉴 경계를 측정해 표시합니다. 화면 크기 선택만으로 전체 기능의 검수를 통과한 것은 아닙니다.
직접 확인할 순서
- 360×640의 ‘수정 전’에서 메뉴를 열고 오른쪽 끝과 마지막 링크가 잘리는지 확인합니다.
- ‘수정 후’에서 메뉴를 다시 엽니다. 메뉴 안을 스크롤해 마지막 ‘문의 링크’를 누르면 해당 목적지가 표시되고 메뉴가 닫힙니다.
- 640×360 가로 화면에서도 같은 순서를 확인합니다. 낮은 화면에서는 메뉴 내부 스크롤이 필요합니다.
- 메뉴를 열고 ‘닫기’ 또는 Escape를 누릅니다. 다시 열어 Tab으로 링크를 이동하고 Enter로 선택해보세요. Escape와 ‘닫기’는 메뉴 열기 버튼으로 초점을 돌립니다.
- 768×640과 1280×720에서 두 버전의 메뉴 배치와 링크 순서가 같은지 확인합니다. 링크를 눌러 실제 목적지도 비교합니다.
내 메뉴도 잘린다면
주소와 재현 순서부터 보내주세요.
문의와 범위 확인은 무료입니다. 어떤 화면에서 무엇을 눌렀을 때 문제가 생기는지, 원하는 결과를 알려주세요. 예산·일정은 미정이어도 괜찮습니다.
수정할 메뉴 문제 보내기 ↗문의만으로 계약·작업·결제가 확정되지 않습니다. 문제 확인 후 견적과 조건을 합의합니다. 크몽 유입 고객의 소통과 결제는 크몽 안에서 진행합니다.