묻고답하기
반응형이 먹히지 않는문제..
2014.09.01 10:09
작업이 어느정도 마무리되어 모바일로 확인해봤는데
어떤건 반응형으로 모바일에 최적화되서 보이고, 어떤건 이미지,텍스트가 전혀안움직이네요
이게 따로 뭐 세팅을 해야하는건지~ 반응형으로 되는 소스를 끌어서 안되는곳에 붙여봐도
안되는 페이지는 끝까지 반응형이 안되는데 ㅠㅠ 뭔가 그 페이지에 고정적으로 되고안되고가 설정되어있나본데요 ㅠ
모바일뷰 다꺼놓고 모바일레이아웃도 미사용으로 되어있습니다! 그외에는 딴건 건든게없네요 ㅠ
레이아웃은 doorweb을 쓰고있습니다.
혹시 뭔가 소스문제인지 아니면 기능문제인지 궁금해서 도움요청드립니다 ㅠ
댓글 12
-
bbqzgo
2014.09.01 14:20
레이아웃파일이 layout.html, layout.css 하나뿐인데 각 페이지별 css는 어떻게 수정하는건가요 ?ㅠ
-
앙띠2
2014.09.01 14:50
layout.css를 고치면 모든페이지에 영향이 있습니다. 페이지별로 지정하는 개념은 없습니다.
문제는 레이아웃보다 그안에 들어있는 컨텐츠가 문제입니다. 위젯을 넣었으면 그 위젯도 모두 반응형으로 고치셔야하고
게시판을 넣었으면 그 게시판도 모두 반응형 이어야 합니다.
당연히 레이아웃이 반응형이어야 하디만 단순히 레이아웃만 반응형이면 되는게 아닙니다.
-
bbqzgo
2014.09.01 15:19
근데 신기한게 어떤 페이지는 되고 어떤페이지는 안됩니다. 그래서 되는페이지 코드를 전부 복사하여 안되는 페이지에 옮기면
그 되는페이지가 작동이안됩니다. 코드문제는 아닌거같은데.. 혹시 그럼 반응형으로 만들어주는 코드가 따로있나요?
-
앙띠2
2014.09.01 15:23
안되는 페이지가 뭔지 주소를 적어 주시면 알아 보겠습니다.
-
bbqzgo
2014.09.01 15:31
감사합니다. 이 두개로 한번 확인해주시겠습니까?
모바일에서 보시면 더 구분이 잘 가실겁니다.
-
감싸는 div 의 넓이가 % 인가과 px 인가의 차이 입니다.
-
bbqzgo
2014.09.01 15:39
그 부분은 어디서 수정할수가 있죠 ?ㅠ
-
앙띠2
2014.09.01 15:43
되는것 : http://baad.co.kr/blog 의 코드는
<div class="xe-widget-wrapper " style="width: 100%; float: left;"> 으로 width가 100%인데
안되는것 : http://baad.co.kr/sns 은 width가 1024px 입니다. 절대값이므로 창의 크기에 따라 변하지 않습니다.
이것을 100%로 바꿔야 합니다.
이런식으로 width가 %가아닌 px가 있지 않나 살펴 보시기 바랍니다.
위젯 크기를 보시면 분명히 넓이가 %가아닌 px로 되어 있을 겁니다.
-
bbqzgo
2014.09.01 15:55
정말감사합니다. 큰도움이되었습니다. 복받으실겁니다!
-
그냥 이미지처리가 가변형이 안되어 있으면
아무리 레이아웃이 줄고 싶어도 이미지 넓이 때문에 가변형이 안됩니다.
이런경우 이미지 처리를 넓이값을 px처리로 하지 말고 %로 한다든지 하는 방법으로 전환하셔야 합니다.
-
bbqzgo
2014.09.01 15:55
감사합니다. doorweb 님
고정폭을 가진 요소는 줄어들지 않습니다.
현재 몇부분정도 width가 강제 지정된 부분이 있습니다. 이부분을 100%로 수정해 주셔야 페이지 크기에 따라 변화합니다.
만일 PC에서 너무 폭이 커질 경우 css max-width 속성으로 최대 크기를 지정할 수 있습니다.