반응형 페이지? 미디워 쿼리? 질문드립니다..
본문
이전에 제가 질문을 잘 못 남긴것 같아 다시 질문드립니다.
아래 그림과 같이 창모드로 해서 줄이면 양쪽이 줄어들다가
세네번째 그림처럼 일정 폭 이후에는 줄어들지 않게 하려면 어떻게 해야 할까요? ㅠㅠ
미디어 쿼리로 가능한 영역인가요?
답변 2
네번째 미디어 쿼리 정의를 삭제 후, 세번째 것에 아래 조건 주시면 될 겁니다.
min-width:OOpx;
음 그런 간단한 방법이...
근데 문제는 제가 코딩을 잘못한건지 사이드바 크기가 줄어듭니다ㅠㅠ
사이드바 폭은 고정된채로 화면에서 점점 가려지게 하려면 어떻게 해야할까요..
%로 설정하면 줄어들고, px로 하면 고정됩니다. ^^
그리고, 틀을 유지하려면 감싸는 요소의 너비를 px로 고정시키면 되구요..
와 간단한 방법이네요 ..ㅠㅠ 이론으론 아는 것들인데 실전 적용하려니 무지하게 힘드네요
답변 감사합니다 설 연휴 잘 보내시길 바랍니다 ㅠㅠㅜ
음..한가지만 더 여쭤봐도 될까요 ㅠㅠ...
위에 적용시켜봤는데요.. 창을 줄이면 왼쪽 사이드바는 계속 유지가 되는데 이쪽을 줄이려면 어떻게 해야할까요...
기본적으로 반응형이 적용된 테마라 그런것 같은데... 어렵네요..ㅠㅠ공부를 다시해야하나..
변화하게 하려면 %설정해주고,
일정 너비 폭에서 변화하게 하려면 max-width, min-width 값을 px 단위로 설정하셔야 ....
넵 그부분은 이해했습니다 ㅠㅠ 아래 왼쪽사진과 같이 변화를 주고싶은건데 오른쪽처럼 변해서요..
아마도 오른쪽 것이 해당 너비될 경우 사라지게 설정이 된 상태 (= display:none) 같네요.
그리고, 해당 쿼리 구간의 좌우 사이드 너비 조건이 px로 고정된 상태인듯... %로 바꿔주셔야 할 듯..
제목 부분은 아마도 position으로 절대 위치 걸려 그런 것 같기도...
확인해보겠습니다 다시 한번 감사드립니다 ㅠㅠ
