[Window_Object] JS - devicePixelRatio 속성 ★ - 기기 픽셀 비율. ※ PC, 모바일 구별하기

devicePixelRatio 예제 

 

<div class='mo'>모바일 기기</div>

<div class='pc'>PC 기기</div>

<script>

var ratio = window.devicePixelRatio,

     mo = document.querySelector('.mo'),

     pc = document.querySelector('.pc');

     

console.log(ratio);

if(ratio >= 2) {

  pc.style.display = 'none';

} else {

  mo.style.display = 'none';

}

</script>

 

결과보기

PS.

 

다음 트로이 (Daum Troy)

http://troy.labs.daum.net/

 

mdn devicePixelRatio

https://developer.mozilla.org/en-US/docs/Web/API/Window/devicePixelRatio (영어)

https://developer.mozilla.org/ko/docs/Web/API/Window/devicePixelRatio (한국어)