如何在沒有JavaScript的情況下檢測屏幕分辨率？

Question

如果我想通過其分辨率檢查用戶的設備（例如，移動設備為300x600px，標簽為800x600px，個人計算機為1024x768px）。

但是，當禁用JavaScript時，如何獲得用戶的屏幕分辨率？

還是有其他方法可以解決我的問題？

Answer 1

您可以使用CSS媒體查詢來應用針對某些屏幕分辨率和方向的CSS規則。

Answer 2

@media應該這樣做

根據您的規格：

@media (max-width: 799px) {
  @import url("/uri/to/mobile.css");
}
@media (min-width: 800px) {
  @import url("uri/to/tablet.css");
}
@media (min-width: 1024) {
  @import url("/uri/to/desktop.css");
}

Answer 3

我不認為您需要為eaxh relolution juat創建不同的頁面，而使用CSS媒體查詢來根據布局調整頁面。

如果您希望每個分辨率的頁面不同，則必須使用某些服務器端庫或函數來檢測瀏覽器分辨率