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

모바일일때 css적용 채택완료

정유소 8년 전 조회 6,348
pc일때는 적용 안하다가 모바일 화면일 때 css를 적용하는 ..... 그런거... 가능하나요?
댓글을 작성하려면 로그인이 필요합니다.

답변 3개

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

if (G5_IS_MOBILE) {

m_style.css 

} else {

pc_style.css 

}

 

 

이런식으로 해서 구분을 하거나 css 를 불러 보세요~

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

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

굿
8년 전

두가지 방법이 있겠네요.

 

1. 미디어쿼리 쓰시면 됩니다.

  모바일 사이즈 화면일때 @media  로 css 주셔서 하시면 될듯요.

  반응형 웹에서 많이 쓰죠..

 

2. PHP로 사용자 에이전트롤 구분하셔서

    모바일일 경우 css를 포함시키시면 됩니다. 

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

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

그누보드5의 경우 PC와 모바일 CSS가 아예 다른 파일로 분리되어 있습니다.

 

또는, 그런 구분이 없을때는 너비값을 기준으로 미디어쿼리(media query)를 사용하는 방식의 반응형처리를 할 수 있고요. 

 

그밖의 스크립트를 통해 모바일인지 아닌지를 구분하여 모바일일 경우, html 이나 body 등에 특정 클래스명을 붙여서 (ex. <html class="mobile">) .mobile h1 {xxx} 와 같이 구분하여 스타일링을 할 수도 있습니다.

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

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

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

로그인