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