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

Question

我有一个移动优化的网站,使用一个非常简单的技巧,根据浏览器宽度提供不同的页面.这很有效,直到Droid出现,具有非常高的像素密度屏幕.

我知道屏幕的默认设置是800像素宽(比我的宽度检测脚本宽得多,这使得它决定哪个页面以500像素提供).但是,Droid浏览器似乎任意决定报告较小的宽度,因此服务于较小宽度的页面.但不是在一个可预测的庄园.

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

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

有没有办法明确设置Droid浏览器的宽度？这是一个错误吗？我只是不想思考一下吗？坦率地说,它开始感觉像是在一个黑暗的洞穴中设计,双手绑在我的背后.

Answer 1

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