반응형
if (!("ontouchstart" in document.documentElement)) {
// desktop
$('html').addClass('no-touch');
}
else {
// mobile
}
이렇게 하면 터치 디바이스가 아닐 경우 html에 no-touch 클래스가 추가된다.
CSS에서 .no-touch .class { ... } 이런식으로 적어주면 desktop에서만 적용되는 css를 구현할 수 있다.
베스트 방법은 아니지만 많이 쓰는 방식이라고 한다.
반응형
'개발일지 > JS' 카테고리의 다른 글
[JS] Google Map(v=3.exp) Firefox Marker Bug (0) | 2015.07.22 |
---|---|
[JS] 5 ways to customize Google Maps InfoWindow (0) | 2015.07.20 |
[JS] 부트스트랩 IE8 이하 하위호환 (0) | 2015.07.06 |
[JS] 최근 몇년간 나온 프론트엔드 프레임워크 정리 (0) | 2015.06.03 |
[jQuery] textarea 글자수 카운터 (6) | 2015.06.01 |