채택완료
PC에서 읽을 소스와 모바일에서 읽을 소스를 구분하는 방법
간단한 반응형 랜딩페이지 작업중에 부득이 iframe을 써야 하는 경우가 생겨서요.
PC에서는 iframe 이 사이즈에 맞게 잘 보이는데
모바일에서는 사이즈를 맞추기엔 무리가 있어서요.
해당 부분은 PC에서만 보이고, 모바일에서는 "해당 내용은 PC에서만 보실 수 있습니다." 로
나타내려고 합니다.
이럴 경우 소스를 어떻게 코딩하면 될까요?
참고로, PC용 소스는
<div class="Flexible-container">
<iframe src="페이지url" frameborder="0" allowfullscreen></iframe>
</div>
입니다.
PC에서만 위의 iframe 소스가 보이고, 모바일에서는 안내문구가 보이게 하고 싶습니다.
도움 부탁 드립니다.
답변 2개 / 댓글 2개
채택된 답변
+20 포인트
<div class="Flexible-container">
<?php if(!is_mobile()) { ?>
<iframe src="페이지url" frameborder="0" allowfullscreen></iframe>
<?php } else { ?>
"해당 내용은 PC에서만 보실 수 있습니다."
<?php } ?>
</div>
답변을 작성하려면 로그인이 필요합니다.
그런데 G5를 사용하지 않는 페이지의 경우 미디어태그를 통해서 적용한다면 어떻게 하면 될까요?