모바일에 맞게 배경이미지 사이즈 변경
본문
Dessi 님과 sinbi 님의 도움으로 배경이미지를 게시판 마다 다르게 넣었는데
모바일에 적용해보니 이미지가 리사이징 안되네요
모바일에서는 어떻게 적용해야 되나요?
<?php if($bo_table) { ?>
<script>
$( document ).ready(function() {
$("body").css({"background":"url(/theme/basic/img/<?php echo $bo_table;?>.jpg)"});
$("body").css({"background-repeat":"no-repeat"});
});
</script>
<?php } ?>
답변 1
<?php if($bo_table) { ?>
<script>
$( document ).ready(function() {
$("body").css({"background":"url(/theme/basic/img/<?php echo $bo_table;?>.jpg)"});
$("body").css({"background-repeat":"no-repeat"});
$("body").css({"background-size":"contain"});
});
</script>
<?php } ?>
혹시, 잘 안 되면 Ctrl + F5 해보시고,
그래도 잘 안 되면 아래 옵션들 중 하나로 수정해 보세요.
감사합니다. 잘 적용했습니다.
그누보드를 처음써보는데다 공부한지가 10년이 넘어서 PHP언어를 잘 이해하지 못하다보니
아직까지 적용이 어렵네요.
다시한번 책을 사서 공부해봐야겠어요