如何使用 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;
    }

}