테스트 사이트 - 개발 중인 베타 버전입니다

반응형게시판 질문

dadada 5년 전 조회 1,735

반응형으로 홈페이지를 제작중인데요

사용중인 게시판이 가로로 폭이 넓어서

게시판에 list.php를 아래와 같이 3개를 만들고
pc인 경우      list_1.php

테블릿인 경우 list_2.php

모바일인 경우 list_3.php 처럼 각각 인쿠르드 시킬 방법이 있을런지요

댓글을 작성하려면 로그인이 필요합니다.

답변 6개

cuwaaang
5년 전

css 미디어쿼리로 하시는게 훨씬 간단하실듯 

게시판 내용이 복잡한게아니라면

 

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

-

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

d
5년 전

if ($tablet_browser > 0) {
   // do something for tablet devices
   print '테블릿입니다.; }   

  을

if ($tablet_browser > 0) {
   // do something for tablet devices
   print 'list_1.php; } 

 

아렇케하면될런지요

 

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

안되욧
5년 전
[code]

if (preg_match('/(tablet|ipad|playbook)|(android(?!.*(mobi|opera mini)))/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {
    $tablet_browser++;
}


if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'opera mini') > 0) {
    $mobile_browser++;
    //Check for tablets on opera mini alternative headers
    $stock_ua = strtolower(isset($_SERVER['HTTP_X_OPERAMINI_PHONE_UA'])?$_SERVER['HTTP_X_OPERAMINI_PHONE_UA']:(isset($_SERVER['HTTP_DEVICE_STOCK_UA'])?$_SERVER['HTTP_DEVICE_STOCK_UA']:''));
    if (preg_match('/(tablet|ipad|playbook)|(android(?!.*mobile))/i', $stock_ua)) {
      $tablet_browser++;
    }
}


if ($tablet_browser > 0) {
   // do something for tablet devices
   include 'list_1.php'; //태블릿
}
else if ($mobile_browser > 0) {
   // do something for mobile devices
   include 'list_2.php'; //모바일
}
else {
   // do something for everything else
   include 'list_3.php'; //PC
}
[/code]

댓글을 작성하려면 로그인이 필요합니다.

스피드S
5년 전

아래코드 PC, 태블릿, 모바일에 include 해서 사용하세요

 

참조사이트 : http://detectmobilebrowsers.com/

 

</p>

<p>if (preg_match('/(tablet|ipad|playbook)|(android(?!.*(mobi|opera mini)))/i', strtolower($_SERVER['HTTP_USER_AGENT']))) {

    $tablet_browser++;

}</p>

<p>

if (strpos(strtolower($_SERVER['HTTP_USER_AGENT']),'opera mini') > 0) {

    $mobile_browser++;

    //Check for tablets on opera mini alternative headers

    $stock_ua = strtolower(isset($_SERVER['HTTP_X_OPERAMINI_PHONE_UA'])?$_SERVER['HTTP_X_OPERAMINI_PHONE_UA']:(isset($_SERVER['HTTP_DEVICE_STOCK_UA'])?$_SERVER['HTTP_DEVICE_STOCK_UA']:''));

    if (preg_match('/(tablet|ipad|playbook)|(android(?!.*mobile))/i', $stock_ua)) {

      $tablet_browser++;

    }

}</p>

<p>

if ($tablet_browser > 0) {

   // do something for tablet devices

   print '테블릿입니다.;

}

else if ($mobile_browser > 0) {

   // do something for mobile devices

   print '모바일입니다.';

}

else {

   // do something for everything else

   print 'PC입니다.';

}

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

d
5년 전

고맙습니다 과부하가 문제가 되면 좀더 원활한 방법은 없을까요

로그인 후 평가할 수 있습니다

답변에 대한 댓글 1개

병원에서일해요
5년 전
반응형이라는건 말그대로 1개의 테이블을 여러형태로 변형을 시키는거죠
css적으로 수정하시는게 가장 좋은방법이고
각 반응마다 디자인이 상당히 많이 달라져야한다면
디자인을 바꾸거나 반응형을 포기하라고 권장해드리고싶네요

댓글을 작성하려면 로그인이 필요합니다.

php 코드를 반응형으로 인클루드 시키는방법은 없고

각각 div로 감싼다음

각 반응마다 display를 제어하시면됩니다

하지만 현재 생각하시는 방법으로 코딩하시면

한 페이지에 목록을 3개나 불러오는거기때문에 과부화가 걱정이 되네요

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인