使用 Foundation 定位具有大屏幕尺寸的移动设备

Question

我正在使用 Foundation (http://foundation.zurb.com/docs/components/visibility.html) 的可见性类，以便在移动设备上以不同方式显示我的网站。

但是，最近的智能手机屏幕尺寸非常大（例如 Nexus 6 2560 × 1440 像素）。

我没有这样的设备，因此无法测试像 hide-for-small-only 这样的类是否仍然在那里工作。 Afaik small 表示小于 640 像素。

那么如何在所有智能手机上提供相同的页面？即使这些设备的屏幕尺寸很大，我仍然希望显示一个简化的主页。

Answer 1

Foundation 可见性类基于只检查屏幕宽度的媒体查询。

如果您想定位移动设备，您可以检测移动设备（不是最佳做法，但多次有用）。这是一个很好的方法：http://detectmobilebrowsers.com/

一旦您检测到移动用户（在后端或前端），您就可以将一个类添加到您的 body 并在您的 css 上单独定位它。

不幸的是，我不认为有一个简单的解决方法。