이전 목록 다음
채택완료

반응형 페이지? 미디워 쿼리? 질문드립니다..

회회색나무
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-04 (월) 13:14:56 2,527

이전에 제가 질문을 잘 못 남긴것 같아 다시 질문드립니다.

아래 그림과 같이 창모드로 해서 줄이면 양쪽이 줄어들다가

세네번째 그림처럼 일정 폭 이후에는 줄어들지 않게 하려면 어떻게 해야 할까요? ㅠㅠ

미디어 쿼리로 가능한 영역인가요?

3076663355_1549253820.7673.png

css 미디어쿼리 반응형
|

답변 2개 / 댓글 8개

채택된 답변
+20 포인트
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-04 (월) 13:19:05

네번째 미디어 쿼리 정의를 삭제 후, 세번째 것에 아래 조건 주시면 될 겁니다.

min-width:OOpx;

답변에 대한 댓글 6개

회색나무
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-04 (월) 13:31:30
음 그런 간단한 방법이...
근데 문제는 제가 코딩을 잘못한건지 사이드바 크기가 줄어듭니다ㅠㅠ

사이드바 폭은 고정된채로 화면에서 점점 가려지게 하려면 어떻게 해야할까요..
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-04 (월) 13:38:15
%로 설정하면 줄어들고, px로 하면 고정됩니다. ^^
그리고, 틀을 유지하려면 감싸는 요소의 너비를 px로 고정시키면 되구요..
회색나무
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-04 (월) 13:43:53
와 간단한 방법이네요 ..ㅠㅠ 이론으론 아는 것들인데 실전 적용하려니 무지하게 힘드네요
답변 감사합니다 설 연휴 잘 보내시길 바랍니다 ㅠㅠㅜ
회색나무
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-04 (월) 13:51:51
음..한가지만 더 여쭤봐도 될까요 ㅠㅠ...
위에 적용시켜봤는데요.. 창을 줄이면 왼쪽 사이드바는 계속 유지가 되는데 이쪽을 줄이려면 어떻게 해야할까요...
기본적으로 반응형이 적용된 테마라 그런것 같은데... 어렵네요..ㅠㅠ공부를 다시해야하나..
sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-04 (월) 13:57:13
변화하게 하려면 %설정해주고,
일정 너비 폭에서 변화하게 하려면 max-width, min-width 값을 px 단위로 설정하셔야 ....
회색나무
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-04 (월) 14:02:30
넵 그부분은 이해했습니다 ㅠㅠ 아래 왼쪽사진과 같이 변화를 주고싶은건데 오른쪽처럼 변해서요..
회회색나무
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-04 (월) 14:02:38

thumb-3076663355_1549256557.4426_730x490.png

답변에 대한 댓글 2개

sinbi
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-04 (월) 14:07:52
아마도 오른쪽 것이 해당 너비될 경우 사라지게 설정이 된 상태 (= display:none) 같네요.
그리고, 해당 쿼리 구간의 좌우 사이드 너비 조건이 px로 고정된 상태인듯... %로 바꿔주셔야 할 듯..
제목 부분은 아마도 position으로 절대 위치 걸려 그런 것 같기도...
회색나무
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2019-02-04 (월) 14:11:28
확인해보겠습니다 다시 한번 감사드립니다 ㅠㅠ

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