與屏幕寬度相關的主要問題是很難創建在所有設備上看起來都不錯的佈局。 例如,如果您想要在台式機上看起來不錯的佈局,它在手機或平板電腦上可能看起來不太好。
is less than 768px if (screen.width < 768) { // do something }
此代碼檢查屏幕寬度是否小於 768px。 如果是,那麼它將執行花括號內的代碼。
JavaScript 屏幕屬性
在 JavaScript 中,屏幕屬性用於獲取有關當前屏幕的信息。 可以使用 window.screen 屬性訪問屏幕屬性。 下表列出了 JavaScript 中最常見的屏幕屬性。
畫面屬性說明
window.screen.width 當前屏幕的寬度(以像素為單位)。
window.screen.height 當前屏幕的高度(以像素為單位)。
window.screen.depth 當前屏幕的深度(以像素為單位)(0 = 表面,1 = 位圖)。
使用 JavaScript 的屏幕類型
屏幕類型是javascript。