我正在使用Foundation(http://foundation.zurb.com/docs/components/visibility.html)的可见性类,以便在移动设备上以不同方式显示我的网站。
然而,最近的智能手机具有疯狂的碎片尺寸(例如Nexus 6 2560×1440 Pixel)。
我没有这样的设备,因此无法测试像hide-for-small-only
这样的课程是否仍在那里工作。 Afaik small
意味着小于640像素。
那么如何在所有智能手机上提供相同的页面?即使这些设备具有巨大的屏幕尺寸,我仍然希望显示简化的主页。
答案 0 :(得分:1)
基础可见性类基于仅检查屏幕宽度的媒体查询。
如果您想定位移动设备,则可以检测移动设备(不是最佳做法,但有用多次)。这是一个很好的方法:http://detectmobilebrowsers.com/
一旦您检测到移动用户(在后端或前端),您就可以在您的身体上添加一个类,并在您的css上单独定位。
不幸的是,我认为没有一个简单的解决方法。