用JS判斷當前屏幕大小尺寸，我們可以通過Window matchMedia() 方法來匹配指定尺寸元素，然后與當前屏幕大小進行判斷。
下面我們就結合簡單的代碼示例，給大家介紹JS判斷當前屏幕大小的方法。
代碼示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JS判斷屏幕大小示例</title>
</head>
<body>
<script>
if(window.matchMedia("(max-width: 767px)").matches){
document.write("這是一個移動設備。");
}else {
document.write("這是平板電腦或臺式電腦。");
}
</script>
</body>
</html>
這里我們寫了一個屏幕大小判斷，通過matchMedia方法來匹配給定的最大寬度尺寸（767px）。當獲取的當前屏幕即窗口大小，小于767像素時，就判斷為“這是一個移動設備。”。相反，大于767像素時，就判斷為"這是平板電腦或臺式電腦。"。
判斷結果如下：
當前屏幕寬度大于767px時：
當前屏幕小于767px時：
matchMedia() 返回一個新的 MediaQueryList 對象，表示指定的媒體查詢字符串解析后的結果。matchMedia() 方法的值可以是任何一個 css @media 規則 的特性, 如 min-height, min-width, orientation 等。
MediaQueryList 對象有以下兩個屬性：
media：查詢語句的內容。
matches：用于檢測查詢結果，如果文檔匹配 media query 列表，值為 true，否則為 false。
本篇文章就是關于JS判斷屏幕大小的方法介紹，簡單易懂，希望對需要的朋友有所幫助！
