모바일일때 css적용

Question

pc일때는 적용 안하다가 모바일 화면일 때 css를 적용하는 ..... 그런거... 가능하나요?

재아 · Accepted Answer

if (G5_IS_MOBILE) { m_style.css } else { pc_style.css } 이런식으로 해서 구분을 하거나 css 를 불러 보세요~

굿어스 · Answer

두가지 방법이 있겠네요.

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

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

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

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

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

흉내쟁이 · Answer

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

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

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