絕對移動;元素在1600分辨率與媒體查詢

Question

我有一個按鈕，我必須根據我在做什麼絕對位置。這可以;除了在1600px resolution - 按鈕不在屏幕上;我想利用媒體查詢來解決這個問題，但我的前兩個努力並沒有工作，並移動指定視口的元素，我不知道爲什麼。

嘗試＃1：

@media screen and (min-width:1600px) { /* large resolution */ 
    #menu_tog { margin-left: 337px; } 
} 

嘗試＃2：

@media (max-width:1600px;) and (min-width:1300px;) { /* large resolution */ 
    #menu_tog { margin-left: 337px;} 
} 

原件（預期在1600位置的變化）

#menu_tog { 
    cursor: pointer; 
    margin-left: 138px; 
    margin-top: 230px; 
    max-height: 35px; 
    max-width: 50px; 
    position: absolute; 
    z-index: 999; 
} 

Answer 1

確保你使用的是絕對定位的元素，而不是邊距，使用top和left。從那裏，一個簡單的媒體查詢應該做的工作：

#menu_tog { 
    position: absolute; 
    cursor: pointer; 
    margin: 0; 
    left: 138px; 
    top: 230px; 
    max-height: 35px; 
    max-width: 50px; 
    z-index: 999; 
} 
@media (min-width: 1600px) { 
    #menu_tog { 
     left: 337px; /* adjust as necessary */ 
    } 
}