我在 next.js 上使用adaptive.js - 反应项目，大量使用服务器端功能来提高第一个屏幕渲染速度。 带有px2rem的 Adaptive.js 可以使我们的团队编写 css 尺寸与 UED 团队的设计草案完全相同。当 Adaptive.js 初始化时，它需要设备宽度和 dpr 来缩放和设置整个项目 css 的基本字体大小。如果我们不传递正确的参数，服务器渲染的 css 会与客户端不同，有时缩放 2 倍或 3 倍，会导致屏幕闪烁和重新排列，这是不好的。
显然，我们无法直接在服务器端获取设备 dpr 或宽度。仅用户代理是不够的，每个设备型号 <=> 屏幕信息都没有地图。http 客户端提示似乎是一个完美的解决方案，明确要求浏览器提供所需的设备信息。但它仍处于草稿状态，有限的浏览器支持此功能。