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

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

회색나무 6년 전 조회 2,159

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

 

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

 

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

 

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

 

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

답변 2개

채택된 답변
+20 포인트
s
sinbi Expert
6년 전

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

min-width:OOpx;

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

답변에 대한 댓글 6개

회색나무
6년 전
음 그런 간단한 방법이...
근데 문제는 제가 코딩을 잘못한건지 사이드바 크기가 줄어듭니다ㅠㅠ

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

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

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

답변에 대한 댓글 2개

s
sinbi
6년 전
아마도 오른쪽 것이 해당 너비될 경우 사라지게 설정이 된 상태 (= display:none) 같네요.
그리고, 해당 쿼리 구간의 좌우 사이드 너비 조건이 px로 고정된 상태인듯... %로 바꿔주셔야 할 듯..
제목 부분은 아마도 position으로 절대 위치 걸려 그런 것 같기도...
회색나무
6년 전
확인해보겠습니다 다시 한번 감사드립니다 ㅠㅠ

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

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

로그인