초보수준의 답변이지만// 도움이 되신다면..ㅎㅎ
같은 페이지인데 모바일로 접속하면 다른 페이지가 보이고 싶다면~ 페이지를 두개를 만드세요~

예를들어 main.php 이라고 했을경우 main2.php 를 하나더 만듭니다. 그리고 main2.php 에
모바일에서 보이고싶은 페이지를 만들구요~


main.php 상단에

<script language="Javascript" type="text/Javascript">
var mobileKeyWords = new Array('iPhone', 'iPod', 'BlackBerry', 'Android', 'Windows CE', 'LG', 'MOT', 'SAMSUNG', 'SonyEricsson');
for (var word in mobileKeyWords){
if (navigator.userAgent.match(mobileKeyWords[word]) != null){
parent.window.location.href='./main2.php';
break;
}
}
</script>


이소스를 넣어주면~
pc로 접속했을때는 main.php  로 접속하고
모바일로 접속하면 main2.php 로 접속합니다~

모바일의 경우에만 보여주고 싶은 div 가 .mobile 이라면,

<script>
if ($(window).width() <= 768)
{
$('.mobile').show();
}
</script>

이렇게 하시면 됩니다. (jQuery 입니다. 아시겠지만...)


그리고 style 은 이렇게 작성하셔야 겠죠.

. mobile {display:none; background: url(img.jpg);}


* width 가 768 인지 800 인지 확인안해봤습니다.  제일 최신 ipad resolution 을 800 으로 잡아야 한다는 얘기가 있었는데 확인해 보지는 않았네요.

스마트 폰의 경우는 width 를 480 으로 잡으면 아마 아이폰, 갤럭시 다 잡히는 걸로 알고 있습니다만, 이것도 확인해 보세요.  (요즘 하두 다양한 모바일 기기들과 resolution 들이 나온 관계로...)

훔? 페이지 이동이요?  특정 이미지만 보여주면 되는데 왜 페이지 이동을 하셔야 하는지 이해가 안되지만, 모바일인 경우 페이지 이동을 하고 싶으시다면,

<script>
if ($(window).width() <= 768)
{
//$('.mobile').show();
window.location.replace("http://xyz.com");
}
</script>

이렇게 하시면 됩니다.

* 혹시 왜 window.location.href 로 하지 않는가 궁금하신 분들을 위해서: .replace 는 .href 처럼 브라우져에 session history 를 남기지 않기 때문에 더 좋습니다.