반응형
if (!("ontouchstart" in document.documentElement)) {
// desktop
$('html').addClass('no-touch');
}
else {
// mobile
}
이렇게 하면 터치 디바이스가 아닐 경우 html에 no-touch 클래스가 추가된다.
CSS에서 .no-touch .class { ... } 이런식으로 적어주면 desktop에서만 적용되는 css를 구현할 수 있다.
베스트 방법은 아니지만 많이 쓰는 방식이라고 한다.
반응형
'개발일지 > 2015' 카테고리의 다른 글
[CSS] Footer 하단 고정 (Sticky Footer) (0) | 2015.07.14 |
---|---|
[Sass] 문법 기초 (0) | 2015.07.06 |
[JS] 부트스트랩 IE8 이하 하위호환 (0) | 2015.07.06 |
[HTML] Redirect Code (0) | 2015.07.03 |
[CSS] Mouseover(Hover) Image Filp (0) | 2015.07.01 |