在移動設備上更改元素的CSS樣式

我有一個名爲「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>

來源

2013-03-03 parion

這是什麼意思有「叫」的元素'up_arrow'？ – 2013-03-03 18:37:43

你把劇本，頭部或身體放在哪裏？ – Derek 2013-03-03 18:38:18

@ExplosionPills - 我認爲OP意味着''標籤有一個屬性'id =「up_arrow」'。 – 2013-03-03 18:39:03

你可以用你的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/

來源

2013-03-03 19:55:52

你需要使用的style.display =「無」，而不是知名度

來源

2013-03-03 19:59:12

這取決於......'display：none'會將元素從float中取出，而'visibility：hidden'只會使它完全不可見（就像'opacity：0'會做的那樣）。 – 2013-03-03 20:02:03

在移動設備上更改元素的CSS樣式

回答

相關問題