모더나이저

출처: https://webclub.tistory.com/256 [Web Club]

 

 

 
<!-- Modernizr를 이용한  mobile 구분 (pc 화면에서 모바일 이용 유도) -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.js" integrity="sha256-ffw+9zwShMev88XNrDgS0hLIuJkDfXhgyLogod77mn8=" crossorigin="anonymous"></script>
<script>
$(document).ready(function(){
    if (!(window.devicePixelRatio > 1)) { 
        // supported 
        console.log("pc");
        $("#devicePixelRatio").show();
    } else {
        $("#devicePixelRatio").hide();
    }
});
</script>
<style> 
    #devicePixelRatio {
        background: white;
        width: 100%;
        height: 100%;
        position: fixed;
        display: table;
        z-index: 999;
        text-align: center;
        font-size: xx-large;
    } 
    #devicePixelRatio > div{ margin-top: 20vw; color: #fe4e74;}
</style>
<div id="devicePixelRatio">
    <div>
        휴대 전화에서 사용해주세요.
    </div>
</div>
<!-- //Modernizr를 이용한 mobile 구분 (pc 화면에서 모바일 이용 유도) -->