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

pc와 모바일에서 다르게 css를 적용하고싶은데.. 채택완료

다조아해 10년 전 조회 12,671

제가 반응형 홈페이지를 하나 제작했는데..

그누보드5 스킨을 적용시키면 게시판이 조금 깨지네요.

 

 

이 소스를 pc와 모바일로 접속을 했을때 다르게 적용할려면 어찌 해야 하나요?

 

pc 일때는    

모바일 일때는    

 

스크립트 소스를 하나 넣어줘야 할거 같은데.. 소스를 몰라서요.

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

답변 2개

채택된 답변
+20 포인트
P
10년 전

</p><p> $isMobile = preg_match('/(iPod|iPhone|Android|BlackBerry|SymbianOS|SCH-M\d+|Opera Mini|Windows CE|Nokia|SonyEricsson|webOS|PalmOS)/',$_SERVER['HTTP_USER_AGENT']);</p><p>if($isMobile){</p><p style="margin-left: 40px;">echo '<link rel="stylesheet" href="style1.css" type="text/css" />';</p><p style="margin-left: 40px;">//모바일</p><p>} else {</p><p style="margin-left: 40px;">echo '<link rel="stylesheet" href="style.css" type="text/css" />';</p><p style="margin-left: 40px;">//피씨</p><p>}</p><p>
 

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

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

10년 전

기본적으로 그누보드 모바일 버전에는 mobile.css를 씁니다

head.sub.php 를 보시면 

 </p><p>echo '<link rel="stylesheet" href="'.G5_CSS_URL.'/'.(G5_IS_MOBILE?'mobile':'default').'.css">'.PHP_EOL;</p><p>

로 되어 있습니다.

 

위의 구문을 이용하여 

</p><p>echo '<link rel="stylesheet" href="'.G5_CSS_URL.'/'.(G5_IS_MOBILE?'style1':'style').'.css">'.PHP_EOL; </p><p>

요렇게 하시면 될것 같습니다. 

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

답변에 대한 댓글 3개

P
PWneo
10년 전
반응형 웹으로 만드셨다고 하셨으니 아마 모바일 사용 체크를 해제하셨을것 같습니다.
다조아해
10년 전
게시판만 그누보드 사용하고 나머지 일반페이지는 반응형으로 작업했는데.. 스킨을 사용할때마다...조금씩 충돌이 나는거 같아서요. 그래서 그렇습니다.
포스앤컴
8년 전
도움 많이 됐어요.감사합니다.

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

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

로그인