在開發中，我們經常需要根據不同的設備改變網頁的樣式，如屏幕寬度、設備類型等。在JavaScript中，我們可以使用window.innerWidth和window.innerHeight獲取窗口寬度和高度，用于判斷設備。

if (window.innerWidth<= 768) {
//屏幕寬度小于等于768px
document.getElementById("nav").style.display = "none";
document.getElementById("menu-icon").style.display = "block";
//隱藏導航欄，顯示菜單圖標
} else {
document.getElementById("nav").style.display = "block";
document.getElementById("menu-icon").style.display = "none";
//顯示導航欄，隱藏菜單圖標
}

上述代碼可以實現在屏幕寬度小于等于768px時隱藏導航欄，顯示菜單圖標。在屏幕寬度大于768px時顯示導航欄，隱藏菜單圖標。

除了屏幕寬度，我們也可以使用navigator.userAgent獲取設備類型信息。例如：

if (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)) {
//判斷設備類型為移動端
document.getElementsByTagName("body")[0].style.background = "#f6f6f6";
//修改背景顏色
}

上述代碼可以判斷設備類型為移動端時，將頁面背景顏色修改為#f6f6f6。同樣的，我們也可以在判斷為PC端時進行不同的樣式修改。