移动绝对; 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 */
    }
}