css로 모바일과 pc 구분하기. > 그누보드5 팁자료실

그누보드5 팁자료실

css로 모바일과 pc 구분하기. 정보

css로 모바일과 pc 구분하기.

본문

피씨냐 모바일이냐의 구분은 대부분 width(창 크기)를 활용하고 그에 따라 반응형 웹을 생성합니다.

창 크기에 맞기 레이아웃을 짜기 때문에 크게 문제 없지만,

모바일 기기의 세로보기 가로보기에도 같은 레이아웃이 보여야 하거나 등..

어느 순간에는 무조건 모바일 기기와 pc를 구분해서 처리 해야하는 경우도 있습니다.

모바일 기기에서는 hover와 pointer 이벤트가 pc와는 다르기 때문에 아래의 구문으로 구분 하는것이 가능합니다.


@media screen and (hover: none) and (pointer: coarse) {
 //code
}

css 4를 지원하는 기기에서만 동작됩니다.

일부 구버전 모바일 기기나 구버전 브라우저에선 지원하지 않습니다.

 

 

추천
6

댓글 5개

전체 2,412 |RSS
그누보드5 팁자료실 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT