CSSのボトムプロパティを無視するには？

Question

モバイル画面でボトムプロパティを無視するにはどうすればよいですか？

<div id="myID">...</div> 

---

#myID { 
    position: fixed; 
    bottom: 5px; 
    right: 5px; 
    opacity: 1; 
    cursor: pointer; 
} 
@media (min-width:305px) and (max-width:415px) { 
    #myID { 
    top: 8px !important; 
    right: 225px !important; 
    zoom: 0.6 !important; 
    z-index: 99999999 !important; 
    } 
} 

それは同時にbottom:5pxとtop:8pxを取るしようとし、それは携帯の画面上でいくつかの問題が発生します。

Answer 1

bottomを初期値autoにリセットすることができます。ところで

@media (min-width:305px) and (max-width:415px) { 
    bottom: auto; 
    ... 
} 

、あなたはあなたの例では、すべての!important宣言を削除することができます。実際にはそうすることを強く推奨します。詳しくはthis postをお読みください。