#javascript #android #twitter-bootstrap-3 #webview
#javascript #Android #twitter-bootstrap-3 #webview
Вопрос:
Я создал приложение Android webview для своего веб-сайта bootstrap 3.
Теперь я хочу разместить что-то вроде этого в заголовке веб-сайта
<div class="visible-xs">{google play icon to promote the app}</div>
Этот элемент должен быть виден при открытии веб-сайта на мобильном устройстве. Но скрыт при открытии приложения webview.
Идеальным решением было бы, если бы это можно было сделать, изменив / добавив код на веб-сайте, а не в приложении webview.
Возможно ли это?
Ответ №1:
Вы можете попробовать использовать медиа-запросы CSS.
Я имею в виду что-то вроде этого:
.visible-xs{
visibility: visible;
}
@media (max-width: 1000px) {
.visible-xs {
visibility: hidden;
}
}
Комментарии:
1. Не уверен, что это было бы правильным решением, поскольку оно может скрывать и другие элементы. Хотя спасибо
2. Вы правы, он будет скрывать и другие элементы, имеющие тот же класс. Но вы можете определить определенный класс или идентификатор только для значка Google Play