테스트 사이트 - 개발 중인 베타 버전입니다

div 해상도에따른 전체화면

바니버니 3년 전 조회 1,943

div 하나가 상위 div무시하고 전체화면해야할 이미지 슬라이더 형태입니다.

 

아래 css로 전체화면은 잘되는데 

 

높은해상도는 잘적용이되는데 낮은해상도 노트북같은경우에는 왼쪽 여백이 생깁니다. 

 

height:100vh; overflow:hidden; width:100vw; margin-left: calc(-50vw + 50%);

 

어떻게 바꿔야될까요 ? 

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

답변 2개

루2
3년 전

전체 화면을 해야 할 거면 그냥 position:fixed 하는게 낫지 않나요? 가로 세로 100 잡고 z-index 잡구요 

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

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

이렇게만 보면 틀린부분을 찾기가 가늠하기 어렵네요.

 

상위 div부터 개발자도구로 display:**; 이나 position:**; 수정하면서 잡아보세요.. 부분적인 슬라이드라면 absolute; 와 포지션 강제로 할당하고 해당영역 올려두고 (z-index:1;) 해당 뒷부분 안겹치게 width:100vw; height:100vh; background:transprent; z-index:0; 으로 디브 하나 더 만들것같네요

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

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

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

로그인