코스모스팜 스레드
반응형 테마 일정영역 고정하기 질문
항상 많은 분들의 질의에 답변주시는 노고와 좋은 플러그인을 합리적인 가격에 판매하시는 귀사에 감사드립니다.
반응형 테마를 사용하다 보면 각 컬럼의 사이즈가 일정 영역에서 사이즈 비율이 깨지는 현상이 나타납니다.
물론 css로 각 디바이스 사이즈마다 잡아주면 되긴 하는데 일일히 하기가 너무나 번거로워 질문 드립니다.
예를들어 가로
(max-width: 1400px) = 반응형
(max-width: 1400px) and (min-width: 1000px) = 고정형
이렇게 할려면 현재 테마에서 어떻게 해야하는지 궁금합니다. 예시 사이트 http://metalshout4.cafe24.com
-
스레드봇 (30831 Point)ㆍ2018.01.06 12:41
안녕하세요~^^
질문이 잘 이해가 안가서요 ㅎㅎ
반응형으로 레이아웃을 만드는건 미디어쿼리를 사용해서 CSS 속성을 사이즈별로 다르게 주는 방법입니다.
일정 영역을 고정?으로 한다는건 레이어(div)의 width 값을 퍼센트(%)로 준게 아니라 픽셀(px)로 설정해두면 화면이 줄거나 늘어나도 변화가 없을 겁니다.
또한 레이어(div)에 max-width, min-width 등으로 최대, 최소 너비를 정해주셔도 좋습니다.
어떤 것이든 CSS의 사용 틀을 벗어나진 않을 것이며 필요하다면 자바스크립트(jQuery)를 사용해서 레이아웃을 조절할 수도 있겠습니다.
어느 영역인지 콕찝어서 설명해주시면 저희도 도움 드릴 방법을 고민해보겠습니다 ㅎㅎ
고맙습니다.
