在移动设备上更改元素的CSS样式

Question

Javascript新手在这里。 。

我有一个名为“up_arrow”（一个向上箭头的图片）元素我希望有一个脚本，显示在桌面上，但不能在移动设备上的箭头所以我尝试使用下面的脚本：

<script> 
if(/Android|webOS|iPhone|iPad|iPod|BlackBerry/i.test(navigator.userAgent)){ 
    document.getElementById('up_arrow').style.visibility = 'hidden'; 
} 
</script> 

向上箭头的图像显示在我的电脑上，但同时也说明我的Android手机上可有人请向我解释，我在事先编码

多亏了哪些错误

编辑？！ 我有包括元素“up_arrow的代码

<a href="#header-wrapper"><img id="up_arrow" class="uparrow" alt="uparrow" src="images/uparrow.png"></a> 

Answer 1

你可以用你的CSS样式表响应的设计方法。例如：

#up_arrow { 
    visibility: hidden 
} 

@media screen and (min-width: 40.5em) { 
    #up_arrow { 
    visibility: visible 
    } 
} 

将隐藏的“小屏幕设备”（定义“移动装置”，通过丝网大小，而不是用户代理）的up_arrow。 有关详细信息，请参阅http://www.html5rocks.com/en/mobile/responsivedesign/

Answer 2

你需要使用的style.display =“无”，而不是知名度