如何獲取電腦屏幕分辨率

在CSS中，我們可以使用screen關(guān)鍵字來獲取電腦屏幕分辨率。screen關(guān)鍵字提供了關(guān)于屏幕的一些信息，包括寬度、高度、可用寬度、可用高度等，這些信息可以幫助我們更好地設(shè)計(jì)和布局網(wǎng)頁。

下面是一個(gè)簡單的CSS代碼示例，展示如何獲取電腦屏幕分辨率：

@media screen {
  .resolution-info {
    width: var(--screen-width);
    height: var(--screen-height);
  }
}

在這個(gè)示例中，我們定義了一個(gè)類名為.resolution-info的樣式，用于顯示屏幕寬度和高度。var(--screen-width)和var(--screen-height)是自定義屬性，用于存儲(chǔ)屏幕寬度和高度。

我們可以使用JavaScript來獲取屏幕寬度和高度，并將其存儲(chǔ)到自定義屬性中：

window.onload = function() {
  var screenWidth = window.screen.width;
  var screenHeight = window.screen.height;
  document.documentElement.style.setProperty('--screen-width', screenWidth + 'px');
  document.documentElement.style.setProperty('--screen-height', screenHeight + 'px');
};

在這個(gè)JavaScript代碼中，我們使用window.screen對象來獲取屏幕寬度和高度，并使用document.documentElement.style.setProperty方法將其存儲(chǔ)到自定義屬性中，這樣，我們就可以在CSS中使用var(--screen-width)和var(--screen-height)來獲取屏幕寬度和高度了。