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

Question

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

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

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

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

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

这可能吗？

Answer 1

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

我的意思是这样的：

.visible-xs{
    visibility: visible;
}

@media (max-width: 1000px) {

    .visible-xs {
        visibility: hidden;
    }

}