인프런 커뮤니티 질문&답변

은호우님의 프로필 이미지
은호우

작성한 질문수

웹게임을 만들며 배우는 인터렉티브웹! JAVASCRIPT

수리검 방향 전환 처리

수리검 방지턱(?) 현상

작성

·

364

0

안녕하세요 코딩 1달차 뉴비입니다... 선생님의 지도에 따라 수리검 만들고 화면 밖을 벗어나면 수리검이 없어지는 효과까지 구현을 하였습니다만... 화면밖에서 사라질때 스크롤바가 뜬금없이 나와 방지턱에 걸린 마냥 hero가 올라갔다 내려갔다 합니다...

아래 그림처럼 말이죠... 브라우저 문제일까요?? 구글크롬 사용하고 있습니당..스크린샷 2023-04-11 오전 9.40.37.png스크린샷 2023-04-11 오전 9.40.28.png스크린샷 2023-04-11 오전 9.40.48.png

답변 2

0

은호우님의 프로필 이미지
은호우
질문자

감사합니다!!

0

깡코딩님의 프로필 이미지
깡코딩
지식공유자

안녕하세요 :)

1.문제: 문의 주신 내용은 css의 아주 기초적인 부분인데요!

.game_app 스타일을 확인해보면 min-width 라는 속성이 있습니다.

min-width 속성은 요소의 최소 너비를 설정하는 속성으로 현재 1280px이 최소 넓이로 설정되어 있고

수강생님의 모니터 또는 브라우저의 해상도 크기가 1280px보다 작다면 스크롤바가 생길 수 있습니다.

 

2.해결법 : min-width 속성을 1280px 보다 작게(모니터 해상도 보다 작게) 수정하면 스크롤바가 생기지 않을 거예요 :)

 

3.기타: 최소 넓이를 설정한 이유는 게임을 원활하게 진행하기 위한 최소 넓이로 제가 설정한 값입니다.

수강생님이 만드는 게임이 예를들어 780px 에서도 원활하게 진행할 수 있다면 780px로 지정해도 무관합니다.

그럼 또 다른 궁금증이 생기면 문의주세요 :)

 

 

은호우님의 프로필 이미지
은호우

작성한 질문수

질문하기