반응형 웹에서 show hide 로딩시 화면이 미리 보여버리는 문제

인넷 8년 전 조회 5,289

반응형 웹사이트 작업중

해상도 500이하에서 보여질 div와

500이상에서 보여질 div를 다 넣어둔 상태에서

js를 이용해

500이하일때에는 500이상 div를 hide시키고

500이상일때에는 500이하 div를 hide 시키는 형식으로 작업중입니다.

그런데 해상도 변경시 작동은 잘 되고 있으나

페이지를 접속할때마다

이 div 2개가 모두 미리 보여져버리고 있는게 참 문제네요..ㅠㅠ

페이지가 로딩되고 있는 중에

2개의 div가 보여졌다가

로딩이 다 완료되면 숨겨질건 숨겨지고 보여질건 보여져버리는데

혹시 이 현상을 안보이게 하는 좋은 방법이 있을까해서

문의드립니다.

저와 같은 형식으로 작업해보셨던 분들이 게시다면

이 현상을 어떻게 해결해나가셨는지 궁금합니다.

감사합니다!

#반응형웹

댓글을 작성하려면 로그인이 필요합니다.

정렬:

잉끼s

8년 전

js를 이용하지마시고요

css에서 미디어 쿼리를 이용하여 작업하세요,

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

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