css - 我的 CSS 媒体查询在移动设备上不工作

Question

网站 http://www.l-evate.co.uk/wellbeing/

气球视频“健康快乐的人创造成功”上的文字在移动设备上应该更小。我也在尝试更改下面的文字。我什么都试过了!

尝试仅使用屏幕、最大设备宽度等。似乎没有任何改变文本。

这是我的代码:

@media (max-width: 480px) {
    h3.uppertext {
        color: #ff0000 !important;
        font-size: 18px !important;
        text-align:center;
    }

    .textwidget h4 {

        font-size:18px !important;
        line-height:24px !important;
    }
}

有人可以帮忙吗？？

Answer 1

将查询更改为:

@media 屏幕和(最大宽度:480 像素){}