반응형에서 anchor 태그 사용하여 화면 전환시 레이아웃 틀어짐 현상

조회수 446회

anchor 태그를 사용하여 탭 이동을 할 경우에, 처음 나오는 페이지는 제대로 레이아웃이 나오는데 선택하여 이동하는 페이지는 레이아웃이 망가집니다.

일반 PC 브라우저에서 확인시에는 괜찮습니다만, 브라우저의 크기를 작게 할 경우에 레이아웃이 틀어지는 현상이 발견됩니다.

예를 들면

1

2

3

이렇게 배열된 레이아웃이 모두 겹쳐서 나옵니다.

웹 브라우저 크기를 줄이거나 늘여서 변경하는 경우에는 새로고침을 누르지않아도 자동으로 원래대로의 레이아웃으로 복구됩니다. pc에서는 브라우저 크기가 변경가능하니까 넘어갈 수도 있겠지만 모바일에서 확인할 경우엔 레이아웃이 망가진 상태로 이용할 수 밖에 없어서 문의드립니다.

  • (•́ ✖ •̀)
    알 수 없는 사용자
  • anchor 태그가 문제가 아니고 미디어 쿼리 적용을 전체적으로 잘못한 문제 같은데요. https://codepen.io 같은 곳이나 별도 html 만들어서 데모 띄워주실 수 있나요? 엽토군 2021.8.6 13:00

답변을 하려면 로그인이 필요합니다.

프로그래머스 커뮤니티는 개발자들을 위한 Q&A 서비스입니다. 로그인해야 답변을 작성하실 수 있습니다.

(ಠ_ಠ)
(ಠ‿ಠ)