pc에서만 보이기 질문
본문
현재 floatL과 floatR을 pc에서만 보이게 하기 위해 다음과 같은 코드를 작성하였습니다.
<?php if (!G5_IS_MOBILE) { // PC ¿¡¼¸¸ ?>
<div id="floatL">
<?php foreach($arrL as $v){ ?>
<div style="margin-bottom:<?=$tmpMarginBottom?>px">
<a href="<?=$v[0]?>" target="<?=$v[3]?>"><img src="<?=$v[1]?>" width="<?=$tmpWidth?>" border="<?=$tmpBorder?>" alt="<?=$v[2]?>"></a>
</div>
<? } ?>
</div>
<?php } ?>
<?php if (!G5_IS_MOBILE) { // PC ¿¡¼¸¸ ?>
<div id="floatR">
<?php foreach($arrR as $v){ ?>
<div style="margin-bottom:<?=$tmpMarginBottom?>px">
<a href="<?=$v[0]?>" target="<?=$v[3]?>"><img src="<?=$v[1]?>" width="<?=$tmpWidth?>" border="<?=$tmpBorder?>" alt="<?=$v[2]?>"></a>
</div>
<? } ?>
</div>
<?php } ?>
우선 pc에서는 잘 나오는 것을 확인했고, 핸드폰에서 안나오는것 까지도 확인을 하였는데,
문제는 크롬탭을 모니터 화면 반으로 분할하였을때 왼쪽 배너는 안보이는데,
오른쪽 배너는 남아있어서 페이지에 가로 스크롤이 생겨버립니다.
해결방안이 있을까요?
답변 2
css에서 반응형으로 display:none; 해보세요
@media (max-width: 안보이시길 원하시는 최대 픽셀px) { 해당 구분자 {
display:none;}}
소스상 모바일로 접속했을때만 안보이는것이기때문에 보여지는게 맞습니다
화면을 줄였을때 안보이게하려면 반응형 미디어쿼리를 넣어주셔야됩니다