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

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的代码

最佳答案

更新CSS

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

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

现场演示Here


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