모바일일때 css적용
본문
pc일때는 적용 안하다가 모바일 화면일 때 css를 적용하는 ..... 그런거... 가능하나요?
답변 3
if (G5_IS_MOBILE) {
m_style.css
} else {
pc_style.css
}
이런식으로 해서 구분을 하거나 css 를 불러 보세요~
그누보드5의 경우 PC와 모바일 CSS가 아예 다른 파일로 분리되어 있습니다.
또는, 그런 구분이 없을때는 너비값을 기준으로 미디어쿼리(media query)를 사용하는 방식의 반응형처리를 할 수 있고요.
그밖의 스크립트를 통해 모바일인지 아닌지를 구분하여 모바일일 경우, html 이나 body 등에 특정 클래스명을 붙여서 (ex. <html class="mobile">) .mobile h1 {xxx} 와 같이 구분하여 스타일링을 할 수도 있습니다.
두가지 방법이 있겠네요.
1. 미디어쿼리 쓰시면 됩니다.
모바일 사이즈 화면일때 @media 로 css 주셔서 하시면 될듯요.
반응형 웹에서 많이 쓰죠..
2. PHP로 사용자 에이전트롤 구분하셔서
모바일일 경우 css를 포함시키시면 됩니다.
답변을 작성하시기 전에 로그인 해주세요.