Question

例如，当在iPad / iPhone上查看内容时，是否可以在我的页面上重新定位内容。我目前有内容（jquery flip）带有网格形状的盒子，可以用CSS重新定位成水平线/旋转木马式的东西，可以在iPad等上刷过吗？这会减少页面上垂直滚动的数量。

我不确定媒体屏幕是否是最好的选择，因为iPad的分辨率越来越大，因此新iPad的显示方式与旧版iPad不同，我非常希望保持非移动设备查看的网格视图。基于OS（？）选择的问题是排除android /其他设备和操作系统。

非常感谢任何建议。

Answer 1

我使用此代码来检测移动操作系统：

    if ((navigator.userAgent.match(/iPhone/i)) 
    || (navigator.userAgent.match(/IEMobile/i)) 
    || (navigator.userAgent.match(/iPod/i)) 
    || (navigator.userAgent.match(/iPad/i)) 
    || (navigator.userAgent.match(/blackberry/gi)) 
    || (navigator.userAgent.match(/android/gi))) {
        //Cool Stuff Here
    }

这对于webkit，也许你可以在一个小js中使用它来触发CSS：

    if ( $.browser.webkit || $.browser.safari){

        //Cool Stuff Here
    }

Answer 2

目前还不清楚为什么要定位特定设备而不是特定设备 size 。后者很容易用@media规则。每个iPad版本都响应相同的@media尺寸，无论屏幕分辨率如何，iPhone的情况也是如此（除了iPhone5略高 - 560px而不是480px）。

重新定位iOS上的内容

2 个答案: