pc 모바일 다르게
본문
위 이미지는 게시판 내용글입니다.
현재 위 이미지 처럼 나오고 있습니다.
PC에서는 위의 작은 이미지로 가로 2줄로 나오고
모바일에서는 아래 이미지처럼 1줄로 꽉찬 이미지로 나오게 하려고 하는데요
<?php if(!is_mobile()){ ?>
<div style="width: 49%; float: left;">
<img title="95ce92a3b3dc9c0ecce51808c730a923_1544321050_8231.JPG" src="http://policets.co.kr/data/editor/1812/95ce92a3b3dc9c0ecce51808c730a923_1544321050_8231.JPG">
</div>
<div style="width: 2%; float: left;">
<span style="color: rgb(255, 255, 255);">0</span>
</div>
<div style="width: 49%; float: left;">
<img title="95ce92a3b3dc9c0ecce51808c730a923_1544321049_5621.JPG" src="http://policets.co.kr/data/editor/1812/95ce92a3b3dc9c0ecce51808c730a923_1544321049_5621.JPG">
</div>
<?php } ?>
<?php if(is_mobile()){ ?>
<div style="width: 100%; float: left;">
<img title="95ce92a3b3dc9c0ecce51808c730a923_1544321050_8231.JPG" src="http://policets.co.kr/data/editor/1812/95ce92a3b3dc9c0ecce51808c730a923_1544321050_8231.JPG">
</div>
<div style="width: 100%; float: left;">
<img title="95ce92a3b3dc9c0ecce51808c730a923_1544321049_5621.JPG" src="http://policets.co.kr/data/editor/1812/95ce92a3b3dc9c0ecce51808c730a923_1544321049_5621.JPG">
</div>
<?php } ?>
이렇게 햇는데.. 위 처럼 나오네요 ㅠㅠㅠ
게시판 에서는 위 소스로 적용이 안되는거 같은데
게시판에서 PC 화면과 모바일 화면을 다르게 하려면 어떻게 해야 하나요??
!-->
답변 2
글쓰기에서 php코드를 넣을수 없습니다
<style>
.media_one {font-size: 0}
.media_one img {width: 50%}
@media screen and (max-width:768px){
.media_one img {width: 100%}
}
</style>
<div class="media_one">
<img src="" alt="">
<img src="" alt="">
</div>
위와같은 방법을 이용하세요
!-->제가 늦게 일어나서.. 그리드시스템으로 처리해 드렸습니다.
답변을 작성하시기 전에 로그인 해주세요.