05 - 27 검은사막 메인 페이지 마크업 (10) - 크로스 브라우징

 

 

 

:: 유독 아이패드에서만 보면 이런 식으로 짤림. 태블릿은 오버플로우 히든 x 이게 안먹히는 것 같음. ( ios, 사파리 기준 )

 

:: 모바일 반응형 meta 코드 추가, ( 아직 해결 x )

 

 

 

 

:: 개발자도구 모바일 버전 크로스 브라우징 ( 크롬 ) -> 여기도 이런 식으로 나옴. 모바일 버전이 문제인듯.

 

 

 

:: 크롬은 되었는데 아직 사파리는 해결이 안됨. 

이거 보니까 사파리는 일반 환경에서도 계속 가로 스크롤이 유지가 되는걸로 보임.

 

:: 1440 해상도 미디어 쿼리 

 

 

 

:: 오른쪽에 이 영역이 안보이게끔 해야할 것 같음.  일단 display:none 처리.

 

:: 메타 태그를 넣어주고

 

:: 감사합니다 ... 이게 정답이었어요. ( relative )

 

 

:: 찾은 것 같음... 헤더에 오버플로우 히든 그리고 포지션 릴레이티브... 

이렇게 셋팅하니 더 이상 오른쪽 모바일 메뉴가 보이지 않음 

 

:: 반응형 시에도 이렇게됨 전부 다시!

 

:: 일단 이런 식으로 위의 메뉴가 안보이는 문제 ( 앱솔루트 )

 

 

:: 헤더에 오버플로우히든에 height값이 80으로 고정되어있어서 안보였던거였고 높이 값을 112로 바꿔주니 돌아옴.

 

 

:: 감사합니다 22

 

 

https://github.com/wonpoem/blackdesert/tree/master/blackdesert

GitHub - wonpoem/blackdesert: blackdesert mark up study

https://rkqtlr15159.cafe24.com/blackdesert/

검은사막