제가 반응형 홈페이지를 하나 제작했는데..
그누보드5 스킨을 적용시키면 게시판이 조금 깨지네요.
<link rel="stylesheet" href="style.css" type="text/css" />
이 소스를 pc와 모바일로 접속을 했을때 다르게 적용할려면 어찌 해야 하나요?
pc 일때는 <link rel="stylesheet" href="style.css" type="text/css" />
모바일 일때는 <link rel="stylesheet" href="style1.css" type="text/css" />
스크립트 소스를 하나 넣어줘야 할거 같은데.. 소스를 몰라서요.
|
답변 2개 / 댓글 3개
채택된 답변
+20 포인트
PWneo
2015-01-21 (수) 11:34:22
Copy
$isMobile = preg_match('/(iPod|iPhone|Android|BlackBerry|SymbianOS|SCH-M\d+|Opera Mini|Windows CE|Nokia|SonyEricsson|webOS|PalmOS)/',$_SERVER['HTTP_USER_AGENT']);if($isMobile){echo '<link rel="stylesheet" href="style1.css" type="text/css" />';//모바일} else {echo '<link rel="stylesheet" href="style.css" type="text/css" />';//피씨}
2015-01-21 (수) 11:35:14
기본적으로 그누보드 모바일 버전에는 mobile.css를 씁니다
head.sub.php 를 보시면
Copy
echo '<link rel="stylesheet" href="'.G5_CSS_URL.'/'.(G5_IS_MOBILE?'mobile':'default').'.css">'.PHP_EOL;로 되어 있습니다.
위의 구문을 이용하여
Copy
echo '<link rel="stylesheet" href="'.G5_CSS_URL.'/'.(G5_IS_MOBILE?'style1':'style').'.css">'.PHP_EOL;요렇게 하시면 될것 같습니다.
답변에 대한 댓글 3개
PWneo
2015-01-21 (수) 13:21:37
반응형 웹으로 만드셨다고 하셨으니 아마 모바일 사용 체크를 해제하셨을것 같습니다.
2015-01-21 (수) 14:49:27
게시판만 그누보드 사용하고 나머지 일반페이지는 반응형으로 작업했는데.. 스킨을 사용할때마다...조금씩 충돌이 나는거 같아서요. 그래서 그렇습니다.
답변을 작성하려면 로그인이 필요합니다.