css로 모바일과 pc 구분하기.
피씨냐 모바일이냐의 구분은 대부분 width(창 크기)를 활용하고 그에 따라 반응형 웹을 생성합니다.
창 크기에 맞기 레이아웃을 짜기 때문에 크게 문제 없지만,
모바일 기기의 세로보기 가로보기에도 같은 레이아웃이 보여야 하거나 등..
어느 순간에는 무조건 모바일 기기와 pc를 구분해서 처리 해야하는 경우도 있습니다.
모바일 기기에서는 hover와 pointer 이벤트가 pc와는 다르기 때문에 아래의 구문으로 구분 하는것이 가능합니다.
[code]
@media screen and (hover: none) and (pointer: coarse) {
//code
}
[/code]
css 4를 지원하는 기기에서만 동작됩니다.
일부 구버전 모바일 기기나 구버전 브라우저에선 지원하지 않습니다.
|
댓글을 작성하시려면 로그인이 필요합니다.
댓글 5개