pc와 모바일에서 다르게 css를 적용하고싶은데..
본문
제가 반응형 홈페이지를 하나 제작했는데..
그누보드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
$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" />';
//피씨
}
기본적으로 그누보드 모바일 버전에는 mobile.css를 씁니다
head.sub.php 를 보시면
echo '<link rel="stylesheet" href="'.G5_CSS_URL.'/'.(G5_IS_MOBILE?'mobile':'default').'.css">'.PHP_EOL;
로 되어 있습니다.
위의 구문을 이용하여
echo '<link rel="stylesheet" href="'.G5_CSS_URL.'/'.(G5_IS_MOBILE?'style1':'style').'.css">'.PHP_EOL;
요렇게 하시면 될것 같습니다.
반응형 웹으로 만드셨다고 하셨으니 아마 모바일 사용 체크를 해제하셨을것 같습니다.
게시판만 그누보드 사용하고 나머지 일반페이지는 반응형으로 작업했는데.. 스킨을 사용할때마다...조금씩 충돌이 나는거 같아서요. 그래서 그렇습니다.
도움 많이 됐어요.감사합니다.
답변을 작성하시기 전에 로그인 해주세요.