<!DOCTYPE html>
<html lang="en-US">
<body>
<p>1. Click 'Check Screen Type' button<br>2. Resize your browser width (less than 450px)<br>3. Click 'Check Screen Type' button.</p>
<button onclick="myFunction()">Check Screen Type</button>
<p id="point"></p>
<script>
var x = document.getElementById("point");
var size = "(min-width: 450px)";
function myFunction() {
if(window.matchMedia(size).matches)
x.innerHTML = "Big Screen";
else
x.innerHTML = "Small Screen";
}
</script> </body>
</html>