반응형게시판 질문
본문
반응형으로 홈페이지를 제작중인데요
사용중인 게시판이 가로로 폭이 넓어서
게시판에 list.php를 아래와 같이 3개를 만들고
pc인 경우 list_1.php
테블릿인 경우 list_2.php
모바일인 경우 list_3.php 처럼 각각 인쿠르드 시킬 방법이 있을런지요
답변 6
php 코드를 반응형으로 인클루드 시키는방법은 없고
각각 div로 감싼다음
각 반응마다 display를 제어하시면됩니다
하지만 현재 생각하시는 방법으로 코딩하시면
한 페이지에 목록을 3개나 불러오는거기때문에 과부화가 걱정이 되네요
고맙습니다 과부하가 문제가 되면 좀더 원활한 방법은 없을까요
반응형이라는건 말그대로 1개의 테이블을 여러형태로 변형을 시키는거죠
css적으로 수정하시는게 가장 좋은방법이고
각 반응마다 디자인이 상당히 많이 달라져야한다면
디자인을 바꾸거나 반응형을 포기하라고 권장해드리고싶네요
아래코드 PC, 태블릿, 모바일에 include 해서 사용하세요
참조사이트 : http://detectmobilebrowsers.com/
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입니다.';
}
if ($tablet_browser > 0) {
// do something for tablet devices
print '테블릿입니다.; }
을
if ($tablet_browser > 0) {
// do something for tablet devices
print 'list_1.php; }
아렇케하면될런지요
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
}
-
css 미디어쿼리로 하시는게 훨씬 간단하실듯
게시판 내용이 복잡한게아니라면
답변을 작성하시기 전에 로그인 해주세요.
