상품뷰페이지 container 값 변경
본문
#container 에 width값이 1300px 가 먹혀있는데요.
상품 뷰페이지만 width 100%로 풀페이지로 쓰고싶은데
뷰페이지를 container가 감싸고 있어서 어떻게 수정해야하나요?ㅠㅠ
답변 2
view페이지 파일에서
<style>
#container{ width:100% !important; }
</style>
이소스를 넣으면 되지않을까요?
사이트주소를 보내주세요.
<style>
#container{ width:100% !important; max-width:100% !important; }
</style>
view파일에 넣어보세요.
감사합니다 !! 해결되었습니다 ㅠㅠ 감사합니다!
container가 1300px이고,, container안의 article에 width 1500px줬을대...
article에 margin-left에 (( 1500px - 1300px ) / 2 * -1) 을 주면... 가운데 가서...
aiticle을 container보다 더 크게 쓸수 있어요...
<div class="container">
<article></article>
</div>
<style>
.container { margin: 0 auto; width: 1300px; height:500px; background: red;}
.container article { height: 200px; background: blue;}
</style>
<script>
$(document).ready(function(){
cntW()
});
$(window).resize(function(){
cntW();
});
function cntW() {
w = $(document).width();
containerW = $('.container').width();
ml = ((w - containerW) / 2 * - 1);
$('.container article').css('width',w);
$('.container article').css('margin-left',ml);
}
</script>
https://codepen.io/4st/pen/jOLKNPg
답변을 작성하시기 전에 로그인 해주세요.