Question

如果我想通过分辨率检查用户的设备（例如移动设备为300x600px，标签设置为800x600px，pc设备为1024x768px）。

但是，如果他们的javascript被禁用，我怎样才能获得用户的屏幕分辨率？

还是有其他方法可以解决我的问题吗？

Answer 1

您可以使用CSS media queries来应用针对特定屏幕分辨率和方向的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 reslolution创建不同的页面，使用CSS媒体查询来根据布局调整页面。

如果你想要每个分辨率的不同页面，那么你必须使用一些服务器端lib或函数来检测浏览器分辨率

如何在没有javascript的情况下检测屏幕分辨率？

3 个答案: