컨텐츠몰 특별할인 9월1일~12월31일

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

그누보드5
영카트5
스터디
Q & A
제작의뢰
컨텐츠몰
부가서비스
소모임
커뮤니티

그누보드5 팁자료실

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

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

본문

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

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

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

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

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


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

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

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

 

 

추천5

댓글 전체

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

회원로그인

진행중 포인트경매

  1. 참여8 회 시작20.09.23 19:57 종료20.09.30 19:57

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

© SIRSOFT