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

반응형 와이드로 보이는 방법 채택완료

최선비 7년 전 조회 2,685

매번 물어보면서 제작할 수 밖에 없네요 ^^;;

 

반응형홈페이지 제작중인 초짜입니다.

 

현재까지

http://green1001.ipdisk.co.kr:8000/apps/g5/index.php">http://green1001.ipdisk.co.kr:8000/apps/g5/index.php

이렇게 제작을 하였습니다

하다보니 갈수록 눈만 높아져서 조금 획기적으로 변화를 주고 싶어서요 ^^

 

http://sir.websiting.kr/purewhite/theme/purewhite/index.smple.php">http://sir.websiting.kr/purewhite/theme/purewhite/index.smple.php

이런 홈페이지처럼 브라우저의 사이즈 반응하여 반응형 배너가 와이드로 보여지고 싶은데요

 

어떤부분을 어떤 명령어로 접해야할지 막막해서요 ^^

도움 부탁드립니다~

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

답변 3개

채택된 답변
+20 포인트
T
7년 전

현재 만들어진것을 보니깐 전체적으로 변형 시켜야 할거에요

featured 아이디안에 .container 클래스가 크기가 1170으로 되어져 있는데 미디어값이 그 이상일경우 .container width 값 또는 #featured  값을 전체크기로 변경을 하여서 하면 금방 될것같아요

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

답변에 대한 댓글 3개

최선비
7년 전
혹시 이부분이 default.css에 있는 부분인가요?
i
ilruo
7년 전
아니요 크롬에서 확인해보니
apps/g5/theme/cre1/css/style.css
323번째 줄에 있어요
최선비
7년 전
감사합니다 너무나큰 도움이 되었어요~^^

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

bonobono
7년 전

</p>

<p>@media (min-width: 1200px)</p>

<p>#featured > .container {width:100%}</p>

<p>}</p>

<p>

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

답변에 대한 댓글 2개

최선비
7년 전
죄송하지만 저 소스를 어디에 넣어야하는건지요?
최선비
7년 전
소중한시간 관심가지고 답글 주셔서 대단히 감사합니다^^

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

진서기
7년 전

css media query 공부하시고 크롬 개발자 도구로 분석해보세요.

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

답변에 대한 댓글 1개

최선비
7년 전
소중한시간 관심가지고 답글 주셔서 대단히 감사합니다^^

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

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

로그인