网站如何检测移动设备？

Question

在大多数情况下，网站会查看用户代理标头，然后如果从移动设备访问则重定向或提供移动内容。

但是，即使您在浏览器中更改代理，某些网站仍会提供移动内容（例如，在 Android 中请求桌面网站）。

此类站点的一个例子是www.t-mobile.com。还有一些其他站点。

无论用户代理标头如何，这些网站如何检测移动设备？

我读到过，移动端和实际桌面端的网络数据包 TTL 可能不同。是这样吗？但这需要相当低级别的代理才能检测。

Answer 1

正如我在评论中所说，较新的、更具未来感的网站不会使用用户代理嗅探或任何其他方式检测移动设备...它们包含 css 媒体查询，以使页面在移动设备和桌面上正确呈现。

一些示例 CSS 可能看起来像这样：

/* mobile first */
.page,
.sidebar {
    width: 100%;
    padding: 10px;
}

img {
    max-width: 100%
}

@media screen and (min-width:960px){
    .page {
        width: 960px;
        padding: 3px;
    }

    .sidebar {
        float: left;
        width: 30%;
    }
}