html - 媒体查询不适用于 415px

Question

html

<h1 class="map__item">Find us</h1>

css(1400 像素屏幕)

.mail__item {
    position: absolute;
    top: 340px;
    right: 71px;
    text-decoration: none;
    text-transform: uppercase;
}

css(415 像素屏幕)

@media only screen and (max-width: 415px) {
    .map__item {
        top: 33px;
        font-size: 4em;
    }  
}

浏览器忽略 415 代码

Answer 1

更新 Css

 @media screen and (max-width: 415px) {

    .map__item {
        top: 33px;
        font-size: 4em;
    } 
    }

现场演示 Here

Notes: Change height and width in fiddle then result are display