CSS Стиль для iOS Specifi c Устройство - не работает

Question

Привет, у меня серьезная проблема с загрузкой моего веб-сайта на iPhone устройствах, в браузерах Safari и Google chrome. Я пытаюсь скрыть элемент, вызывающий проблему, но мой код Javascript или CSS, похоже, ничего не делает.

Это мой код Javascript для обнаружения iPhone

<script>
    if(navigator.userAgent.match(/iPhone/)) {
    $('html').addClass('iphone');
}
</script>

, а мой CSS Class - это просто. iphone .banner-one {display: none;}

Может ли кто-нибудь помочь мне с тем, что я делаю неправильно, или лучший способ исправить Это? Мне НЕ нужны коды с указанием размера c CSS, поскольку я хочу, чтобы элемент все еще отображался на устройствах android / windows.

Answer 1

Может попробовать:

<script>
    if(navigator.userAgent.match(/iPhone/)) {
        document.getElementsByClassName("banner-one")[0].style.display = "none";
    }
</script>

или

<script>
    if(navigator.userAgent.match(/iPhone/)) {
        document.getElementsByClassName("banner-one")[0].remove();
    }
</script>

или

<script>
    if(navigator.userAgent.match(/iPhone/)) {
        document.querySelector("body > div:nth-child(2) > section:nth-child(1) > img:nth-child(9)").style.display = "none";
    }
</script>

или

<script>
    if(navigator.userAgent.match(/iPhone/)) {
        document.querySelector("body > div:nth-child(2) > section:nth-child(1) > img:nth-child(9)").remove();
    }
</script>