2

前提

在一个网站上工作，该网站根据正在查看的设备提供内容。该网站基本上有两个版本：

  1. PC & 平板电脑版
  2. 手机版

“PC 和平板电脑版”提供更高质量的图像和不同的站点导航方法（想象一下没有缩放的谷歌地图）。

移动版本将此“地图”限制为垂直滚动。

两个版本的元viewport设置为width=device-width, initial-scale=1.0, user-scalable=no.

问题

有些平板电脑报告的设备分辨率非常差。示例：三星 Galaxy Tab 7" 在媒体查询中报告设备宽度为 663 像素。而“PC 和平板电脑版本”要求最小宽度为 960 像素。

它真的只是一部大手机。

仅媒体查询不足以适应网站。该网站需要固定宽度，因为它像大自然的地图。

解决方案是为这些平板电脑提供“手机版”。但这需要在服务器端完成。

我正在使用的自动取款机PHP Mobile Detect。可以手动将“大手机平板电脑”添加到“手机”列表中。痛苦，我在任何地方都找不到平板电脑的“css报告”屏幕分辨率列表。

有没有这样的清单？或者甚至有一个维护的 php 库让我在服务器端查询屏幕大小（基于报告的 UserAgent）？

我还可以检查客户端的屏幕大小，如有必要，更正并覆盖服务器的选择。但我想避免这种情况。

PS：是的。我知道这不是响应式设计的政治正确方式，我别无选择。

4

1 回答 1

0

以下是一些维护移动设备列表的 Web 服务：

和一些指导方针：

参考

于 2013-02-27T19:21:37.263 回答