媒体查询无法使用415px

Question

HTML

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

css（1400px屏幕）

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

css（415px屏幕）

@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

  

注意：更改小提琴的高度和宽度，然后显示结果