Html CSS-媒体查询未在浏览器中呈现

我正在WordPress网站上工作，并尝试将媒体查询样式应用于特定ID：

HTML:

正如您所看到的，我正试图使ID为

欢迎草书的h3字体大小为270px，宽度为320px及以下。我已经看过这篇文章了：

我的样式表在
functions.php
文件中排队，并包含在标题中：

<link rel="stylesheet" href="http://thebullshitcollection.com/wp-content/themes/TheBullshitCollection/css/bullshit.css">

但仍然没有结果：（
尝试在头部部分元视口中添加：

<meta name="viewport" content="width=device-width, initial-scale=1">


这对我很有效，只要确保你清除了浏览器缓存（ctrl+f5）。有没有办法用mac做到这一点？（谷歌chrome）@HappyHands31试试
字体大小：270px！重要；
？在代码中，您缺少270px和270px之间的空格！important@FAROUKBLALOU这似乎是一个缓存问题。它在Firefox中起作用，我只是无法在Mac上清除Google Chrome中的缓存。要清除Mac中的Chrome缓存，请按住⌘ Cmd和⇧ 按住Shift键，然后按R键。
<link rel="stylesheet" href="http://thebullshitcollection.com/wp-content/themes/TheBullshitCollection/css/bullshit.css">

.welcome-page-div h3 {
    font-size: 270px;
}

<meta name="viewport" content="width=device-width, initial-scale=1">