테스트 사이트 - 개발 중인 베타 버전입니다
SIR
목록으로
이전글 다음글

상품뷰페이지 container 값 변경 채택완료

hyuni1827 4년 전 조회 1,696
답변 2
목록

#container 에 width값이 1300px 가 먹혀있는데요.

상품 뷰페이지만 width 100%로 풀페이지로 쓰고싶은데

뷰페이지를 container가 감싸고 있어서 어떻게 수정해야하나요?ㅠㅠ

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

답변 2개

채택된 답변
+20 포인트
핑크빈
핑크빈
4년 전

view페이지 파일에서

이소스를 넣으면 되지않을까요? 

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

답변에 대한 댓글 3개

P
Phillips
4년 전
사이트주소를 보내주세요.
P
Phillips
4년 전
<style>

#container{ width:100% !important; max-width:100% !important; }

</style>

view파일에 넣어보세요.
3
3q3q3q
4년 전
감사합니다 !! 해결되었습니다 ㅠㅠ 감사합니다!

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

4
4번가
4년 전

container가 1300px이고,, container안의 article에 width 1500px줬을대...

 

article에 margin-left에 (( 1500px - 1300px ) / 2 * -1) 을 주면... 가운데 가서...

aiticle을 container보다 더 크게 쓸수 있어요...

 

 

</p>

<p><div class="container">

  <article></article>

</div></p>

<p> </p>

<p><style></p>

<p>.container { margin: 0 auto; width: 1300px; height:500px; background: red;}

.container article { height: 200px; background: blue;}</p>

<p></style></p>

<p> </p>

<p> </p>

<p> </p>

<p><script>

$(document).ready(function(){

  cntW()

});

$(window).resize(function(){

  cntW();

});</p>

<p>function cntW() {

 w = $(document).width();

 containerW = $('.container').width();

 ml = ((w - containerW) / 2 * - 1);

  $('.container article').css('width',w);

  $('.container article').css('margin-left',ml); 

}</p>

<p></script></p>

<p>

 

https://codepen.io/4st/pen/jOLKNPg

 

 

 

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

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

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

로그인