사이트 구축·운영 인사이트, SIR 블로그
이전 목록 다음

반응형게시판 질문

ddadada
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-10-13 (화) 15:11:32 1,943

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

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

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

테블릿인 경우 list_2.php

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

그누보드5
|

답변 6개 / 댓글 2개

cuwaaang
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-10-13 (화) 17:45:23

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

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

ddadada
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-10-13 (화) 15:30:08

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

  을

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

아렇케하면될런지요

답변에 대한 댓글 1개

안되욧
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-10-13 (화) 15:31:33
[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
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-10-13 (화) 15:16:29

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

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

Copy 
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
   print '테블릿입니다.;
}
else if ($mobile_browser > 0) {
   // do something for mobile devices
   print '모바일입니다.';
}
else {
   // do something for everything else
   print 'PC입니다.';
}
ddadada
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-10-13 (화) 15:15:32

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

답변에 대한 댓글 1개

병원에서일해요
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-10-13 (화) 15:23:10
반응형이라는건 말그대로 1개의 테이블을 여러형태로 변형을 시키는거죠
css적으로 수정하시는게 가장 좋은방법이고
각 반응마다 디자인이 상당히 많이 달라져야한다면
디자인을 바꾸거나 반응형을 포기하라고 권장해드리고싶네요
병병원에서일해요
프로필 보기작성한 질문작성한 답변전체 작성글 보기전체 댓글 보기
 2020-10-13 (화) 15:13:20

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

각각 div로 감싼다음

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

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

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

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