用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判斷螢幕大小的方法介紹，簡單易懂，希望對需要的朋友有幫助！
以上是JS如何判斷螢幕大小的詳細內容。更多資訊請關注PHP中文網其他相關文章！
熱AI工具
Undresser.AI Undress
人工智慧驅動的應用程序，用於創建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Undress AI Tool
免費脫衣圖片
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費的程式碼編輯器
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
SecLists
SecLists是最終安全測試人員的伙伴。它是一個包含各種類型清單的集合，這些清單在安全評估過程中經常使用，而且都在一個地方。 SecLists透過方便地提供安全測試人員可能需要的所有列表，幫助提高安全測試的效率和生產力。清單類型包括使用者名稱、密碼、URL、模糊測試有效載荷、敏感資料模式、Web shell等等。測試人員只需將此儲存庫拉到新的測試機上，他就可以存取所需的每種類型的清單。
SublimeText3漢化版
中文版，非常好用
Dreamweaver Mac版
視覺化網頁開發工具
