0

例如，当在 iPad/iPhone 上查看内容时，是否可以在我的页面上重新定位内容。我目前有带有网格形状框的内容（jquery 翻转），可以使用 CSS 将它们重新定位为可以在 iPad 等上滑动的水平线/旋转木马类型的东西吗？这将减少页面上的垂直滚动量。

我不确定媒体屏幕是否是最佳选择，因为 iPad 的分辨率越来越大，因此新 iPad 的显示方式与旧 iPad 的显示方式不同，我很想保留网格视图以供非移动设备查看。基于操作系统（？）选择的问题不包括安卓/其他设备和操作系统。

任何建议将不胜感激。

4

2 回答 2

0

目前还不清楚为什么要针对特定​​设备而不是特定设备大小。后者很容易通过@media 规则实现。每个 iPad 版本都响应相同的@media 尺寸，无论屏幕分辨率如何，iPhone 也是如此（除了 iPhone5 略高——560 像素而不是 480 像素）。

于 2013-05-09T23:35:38.487 回答
0

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

    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
    }
于 2013-05-09T23:01:21.057 回答