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

时间:2015-03-19 11:55:46

标签: css zurb-foundation

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

然而,最近的智能手机具有疯狂的碎片尺寸(例如Nexus 6 2560×1440 Pixel)。

我没有这样的设备,因此无法测试像hide-for-small-only这样的课程是否仍在那里工作。 Afaik small意味着小于640像素。

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

1 个答案:

答案 0 :(得分:1)

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

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

一旦您检测到移动用户(在后端或前端),您就可以在您的身体上添加一个类,并在您的css上单独定位。

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