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

pc버전일 때 min-width:1920px 가 안먹힙니다. 채택완료

초보자아 2년 전 조회 1,986

 

 

body에 min-width:1920px 을 주어 1920px 화면을 고정시켜 너비가 바껴도 그대로 화면이 줄어들도록 했는데 먹히질 않습니다. 

그래서 이렇게 잘리기만 하네요...

제가 원하는대로 하고싶으면 어떻게 수정을 해야하나요..?

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

답변 3개

채택된 답변
+20 포인트
2년 전

body의 문제가 아니라 header 나 content의 사이즈들이 이미 1920px 로 고정되어 있어 브라우저를 줄여도 해당 내용들의 사이즈는 변화가 없습니다.

전반적으로 css header부터 content까지 사이즈를 미디어쿼리에 맞게 수정하셔야 할듯합니다.

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

답변에 대한 댓글 1개

초보자아
2년 전
알려주셔서 감사합니다!

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

해당 페이지 주소(URL)을 올려 보세요.

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

답변에 대한 댓글 1개

엑스엠엘
2년 전
<html lang="ko" style="overflow-x: hidden;">
<head>
저 style을 빼고 가로 스크롤이 생기는데요,

가로 사이즈가 1920이 아닐 때 어떻게 변화해야 하는지
원하시는 것이 무엇인지 모르겠네요.

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

toqurk
2년 전

CSS 에서 media 를 하신것같은데 보통 max-width 를 쓰지 min-width 를 안쓰시던데...

비율로 줄이고자 하시면 width 에 %, em, vw 를 하시는게 좋지 않을까요??

position 은 fixed 하시면 먹혀 들어갈고...

F12(개발자도구)로 바꿔보시면서 해보심이..빠르실듯요...

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

답변에 대한 댓글 1개

초보자아
2년 전
media는 모바일화면일때 min-width:1920px 적용안되도록 한거였어요!
예전에 하드코딩으로 했을땐 먹혔는데 그누보드를 사용해서인지 적용이 안되더라구요 ㅜㅜ

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

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

로그인