*只使用min-width *隐藏div元素

Question

仅使用min-width 我想将challange-target元素隐藏在408px以下，并将challange-target显示为408px

我尝试了这段代码，但它不起作用：

@media only screen and (min-width: 408px) {
    .challange-target {
        display: block;
    }
}

有什么想法吗？

以下是jsfiddle link

Answer 1

你的意思是你想在屏幕宽度＆lt; 1时隐藏.challenge-target。 408，并且当屏幕宽度> = 408px？

时在408px处显示它

最小的;隐藏那个元素

.challange-target {
    display: none;
}

@media only screen and (min-width: 408px) {
    .challange-target {
        display: block;
        width:408px;
    }
}