모바일 배너이미지 어디부분을 만져야할까요..ㅠㅠ
본문
PC버전은 가로 2줄로 배너이미지가 나열이되는데
모바일버전은 사진처럼 한줄로 나열이됩니다. 모바일버전에서도 두줄로 나열을 하거나
배너가 화면에 꽉찼으면 좋겠습니다. 어디를 만져야할까요...
<div style="width:49%; height:90px; border: 1px solid gray; float:left; margin-top: 5px; margin-left: 5px;">
<a href="http://google.com/front" target="_blank">
<img src="<?php echo G5_THEME_URL;?>/img/banner1.jpg" alt="banner1" style="width:100%; height:100%;">
</div>
<div style="width:49%; height:90px; border: 1px solid gray; float:left; margin-top: 5px; margin-left: 5px;">
<a href="google.com/front" target="_blank">
<img src="<?php echo G5_THEME_URL;?>/img/banner1.jpg" alt="banner2" style="width:100%; height:100%;">
</div>
</div>
답변 2
<div style="width:49%
→
<div style="width:48%
일단 div에 class를 지정하시고
media 태그를 이용해서
모바일에서는 width를 100%로 바꾸시면 될꺼 같습니다.