Как поставить заглушку на сайт при определенном разрешении экрана?

Как поставить заглушку (сообщение с просьбой зайти через ПК с нормальным разрешении экрана) на сайт при определенном разрешении экрана?

1 ответов



var a = window.screen.width;
var b = window.screen.height;

if(a <= '1024' || b <= '768') {
  alert('Ширина: '+ a +', Высота: '+ b +' Смените устройство');
}

Вариант без скриптов:

<style>
    #notice {
        display:none;
    }
    @media screen and (max-width: 1020px) {
    #notice{
  display:block;
        }
    }  
</style>
<div id="notice">Вы используете устройство с разрешением ниже 1024 px</div>