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