android - Droid 浏览器对我的网站造成严重破坏

Question

我有一个针对移动设备优化的网站，它使用一个非常简单的技巧来根据浏览器宽度提供不同的页面。在 Droid 出现之前，这种方法一直很有效，它具有非常高的像素密度屏幕。

我知道屏幕的默认设置是 800 像素宽(比我的宽度检测脚本宽很多，它决定以 500 像素提供哪个页面)。然而，Droid 浏览器似乎武断地决定报告较小的宽度，从而服务于较小宽度的页面。但不是在一个可预测的庄园里。

因此，最终用户的体验完全是随机的:有时他们会看到一个必须放大的宽页面，有时他们会看到一个缩放到恰好适合他们窗口的页面。

我写了一个报告屏幕宽度的小脚本，即使强制视口(viewport)为特定像素大小时，我仍然有一些用户报告 800 像素宽度(即使在垂直方向)，而其他人报告固定宽度.

有没有办法明确设置 Droid 浏览器的宽度？这是一个错误吗？我只是没有考虑清楚吗？坦率地说，我开始觉得自己的双手被绑在背后，在黑暗的洞穴中进行设计。

Answer 1

您似乎在决定是按屏幕宽度显示移动页面(故事)还是描述页面。根据我的理解，最好通过用户代理或用户使用预构建的浏览器检测脚本来检测手机，以确定要显示的页面。我经常使用宽度小于 800 像素的浏览器窗口，所以这样的问题会阻止我在浏览器上正确查看页面。