绝对移动;元素在1600分辨率与媒体查询

我有一个按钮，我必须根据我在做什么绝对位置。这可以;除了在1600px resolution - 按钮不在屏幕上;我想利用媒体查询来解决这个问题，但我的前两个努力并没有工作，并移动指定视口的元素，我不知道为什么。绝对移动;元素在1600分辨率与媒体查询

尝试＃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; 
}

来源

2014-04-13 Fred Randall

你意识到你给了'＃menu_tog'一个绝对的位置吧？ – Michael

您的媒体查询是在您的一般CSS之前还是之后？如果他们在之前，添加！重要的规则，你想覆盖。 – NoGray

感谢这不是问题;也不是绝对的;但余量 - 左边留下。 –

确保你使用的是绝对定位的元素，而不是边距，使用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 */ 
    } 
}

来源

2014-04-13 05:42:59 wavemode

就是这样！我总是忘记最微小的事情！ –

绝对移动;元素在1600分辨率与媒体查询

回答

相关问题