Question

我正在四处寻找，却找不到答案。有没有人知道Modernizr添加到html标签的类？我想在移动设备上隐藏div。

我想通过CSS定位它，但我找不到使用modernizr

定位设备的类

Answer 1

根据Modernizr检测到的CSS features，HTML5 features和misc. features，没有移动功能。我想这将不得不依赖于UserAgent字符串，这不是一个聪明的主意。 Modernizr的重点是检测某些功能集，您可以使用这些功能集来确定您的功能是否有效（例如，哦，此浏览器没有内联svg，因此不显示此SVG;而是哦，我们认为这是IE8所以让我们不要显示这个SVG）。

我遇到过多种场景，我的模态（弹出窗口）在小型移动/触摸设备上播放效果不佳。在那种情况下，我总是这样做：

<a href="/register">Register</a>

<script>
    $('a').click(function(e) {
        if(!Modernizr.touch) {
            e.preventDefault();
            // show register modal
        }

        // fallback to page
    });
</script>

无法使用modernizr隐藏移动设备上的元素

1 个答案: