jQuery 舞台
(jQuery 舞台信息)
抽象的
jQuery Stage 是一个插件,用于检测有关“舞台”(浏览器的视口)的信息。
演示版
请参阅包含的以获取 jQuery Stage 的小型演示。
动机
单页应用程序 (SPA) 通常必须根据设备大小和当前设备方向将其用户界面 (UI) 呈现到多种阶段。 对于真正的响应式设计,您通常必须考虑“舞台大小”(例如手机、平板电脑和台式机)和“舞台方向”(例如纵向、方形和横向)两个维度。 确定此信息并对其作出React的首选方法是通过 CSS。
但是有很多问题:
出于向后兼容性原因,CSS 始终使用 96dpi 的硬编码 DPI 设置,即使大多数设备的有效 DPI 范围为 100dpi 到 450dpi。 此外,CSS 的 DPI(每英寸点数)实际上是 PPI(每英寸像素数),因为它是输入分辨率而不是输出分辨率。
“每像素点数”比率
1