pc버전과 phone버전별 페이지
pc로 접속햇을때와 스마트폰으로 접속시 다른화면을 보이게 하려고합니다.
예를 들어서 pc로 접속햇을때 나타나는 이미지랑 표가 있다고 가정하고
스마트폰으로 접속시 pc버전에서 나타난 이미지랑 표를 안나오게끔하려면 어떤 구문을 넣어야하는지 궁금합니다.
|
답변 2개
2014-02-14 (금) 11:09:31
미디어쿼리를 사용하기 어려운환경(html5 css3를 사용안한 홈페이지)이라면 다음과 같은 소스를 활용하여 모바일/pc접속을 구분하여 다른 결과값을 불러와 주시면 됩니다.
해당 부분의내용을 별도로 작성하여 각 각 접속 시 불러와 주시게 하면 될듯합니다.
Copy
<?
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접속 시 보이는 내용
";
}
?>커네드커네드
2014-02-14 (금) 10:32:02
그냥 간단하게 미디어쿼리로 모바일일경우 표나 이미지를 display:none;으로 숨기시면 될듯...
답변을 작성하려면 로그인이 필요합니다.