javascript - 如何使用 Bootstrap 网站隐藏 Android Webview 应用程序中的元素？

Question

我已经为我的 bootstrap 3 网站制作了一个 Android webview 应用程序。

现在我想在网站的标题中放置这样的东西

<div class="visible-xs">{google play icon to promote the app}</div>

在移动设备上打开网站时，该元素应该可见。但在打开 webview 应用程序时隐藏。

理想的解决方案是，如果这可以通过在网站上而不是在 webview 应用程序中更改/添加代码来完成。

这可能吗？

标签： javascriptandroidtwitter-bootstrap-3webview

Answer 1

您可以尝试使用 CSS媒体查询。

我的意思是这样的：

.visible-xs{
    visibility: visible;
}

@media (max-width: 1000px) {

    .visible-xs {
        visibility: hidden;
    }

}