我有一个在普通计算机上运行良好的网页，并且可以很好地处理缩小/您可以将窗口重新调整为您喜欢的任何大小，并且该应用程序仍然有用。如果您愿意，您也可以放大，Ctrl+应用程序的布局将自动更改以适应。
现在让我们谈谈智能手机。我用
<meta name="viewport" content="width=device-width"/>
不幸的是，我的 Android 手机的 dpi 大约是普通电脑的两倍。简单的解决方案是放大，但我必须一直滚动。
我可以把所有东西都放在一个 中position:fixed;width:100% div，但这会产生相当不稳定的体验，因为滚动仍然可以访问。
这让我想到了最后一个解决方案，即我自己编写扩展代码来增加智能手机用户相关内容的大小。那么，我该怎么做呢？一种方法是检查用户代理，并使用它来更改我的 CSS。我不喜欢这样的原因有两个，1. 它正在嗅探用户代理和 2. 它假设 ~200dpi，而这实际上在手机之间非常重要。
如果有办法检测 dpi，我更喜欢这条路线。我可以这样做吗？你有更好的主意吗？