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

Question

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

然而，最近的智能手机屏幕尺寸过大（例如 Nexus 6 2560 × 1440 像素）。

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

那么如何在所有智能手机上发送相同的页面？尽管这些设备的屏幕尺寸很大，但我还是想显示一个简化的主页。

Answer 1

基础可见性 classes 基于仅检查屏幕宽度的媒体查询。

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

一旦您检测到移动用户（在后端或前端），您可以在您的正文中添加一个 class 并在您的 css 上单独定位。

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