iOS专用设备的CSS样式-不起作用

嗨，我在Safari和谷歌浏览器的iPhone设备上加载网站时遇到了主要问题。我正在尝试隐藏导致问题的元素，但是我的Javascript或CSS代码似乎没有做任何事情。

这是我用来检测iPhone的Javascript代码

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

而我的CSS类只是.iphone .banner-one {display：none;}

有人可以帮我解决我做错的事情或更好的解决方法吗？我不希望使用尺寸特定的CSS代码，因为我希望该元素仍显示在android / windows设备上。