pc버전과 phone버전별 페이지
본문
pc로 접속햇을때와 스마트폰으로 접속시 다른화면을 보이게 하려고합니다.
예를 들어서 pc로 접속햇을때 나타나는 이미지랑 표가 있다고 가정하고
스마트폰으로 접속시 pc버전에서 나타난 이미지랑 표를 안나오게끔하려면 어떤 구문을 넣어야하는지 궁금합니다.
답변 2
그냥 간단하게 미디어쿼리로 모바일일경우 표나 이미지를 display:none;으로 숨기시면 될듯...
미디어쿼리를 사용하기 어려운환경(html5 css3를 사용안한 홈페이지)이라면 다음과 같은 소스를 활용하여 모바일/pc접속을 구분하여 다른 결과값을 불러와 주시면 됩니다.
해당 부분의내용을 별도로 작성하여 각 각 접속 시 불러와 주시게 하면 될듯합니다.
<?
function MobileCheck() {
global $HTTP_USER_AGENT;
$MobileArray = array("iphone","lgtelecom","skt","mobile","samsung","nokia","blackberry","android","android","sony","phone");
$checkCount = 0;
for($i=0; $i<sizeof($MobileArray); $i++){
if(preg_match("/$MobileArray[$i]/", strtolower($HTTP_USER_AGENT))){ $checkCount++; break; }
}
return ($checkCount >= 1) ? "Mobile" : "Computer";
}
?>
<?
if(MobileCheck() == "Mobile"){
echo"
<!-- 모바일에서 접속 시 불러오는 내용 삽입 -->
모바일에서 보이는 내용
";
}
else{
echo"
<!-- PC에서 접속 시 불러오는 내용 삽입 -->
PC접속 시 보이는 내용
";
}
?>
답변을 작성하시기 전에 로그인 해주세요.
