【HTML/CSS】メディアクエリが機能しない

Question

CSSに記述したメディアクエリが機能しません。
ソースコードは下記です。

<div id="tileBox" style="height: 920px">
  <ul
    id="tilesAll"
    class="tilesContents ui-tabs-panel ui-widget-content ui-corner-bottom"
    aria-labelledby="ui-id-1"
    role="tabpanel"
    aria-expanded="true"
    aria-hidden="false"
  >
    <li class="event" style="position: absolute; top: 16px; left: 182px">
      <a href="#">
        <div>
          <p><span>2020-12-25</span> <span></span></p>
          <h5>テキスト</h5>
        </div>
      </a>
    </li>
    <li class="interview" style="position: absolute; top: 16px; left: 518px">
      <a href="#">
        <div>
          <p><span>2020-12-24</span> <span></span></p>
          <h5>テキスト</h5>
        </div>
      </a>
    </li>
    <li style="position: absolute; top: 694px; left: 182px">
      <a class="btnViewmore" href="/more">VIEW MORE</a>
    </li>
  </ul>
</div>

	@media (min-width: 922px) and (max-width: 1223px) {
		div#tileBox {
			height: 920px !important;
		}
	}
	@media (min-width: 864px) and (max-width: 921px) {
		div#tileBox {
			height: 1360px !important;
		}
	}

現状上の922px1223pxの画面幅の時はCSSが適用されるのですが、下の幅（864px921px）のときにheightの値が変わりません。

なぜこの記述では機能しないのか、ご教授いただければ幸いです。
何卒、よろしくお願いいたします。

Comments

[m.ts10806]

htmlも提示してください
あと、heightだけでは変化分かりにくいのでは？　背景色などではどうでしょうか

[jack-jack]

すみません、追記いたしました。
何卒、よろしくお願いいたします。

[maisumakun]

ビューポートは定義していますか？

[jack-jack]

はい。
下記のコードで定義しております。
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">

[runnynose]

>（864px~921px）のときにheightの値が変わりません。
試してみましたけどこの区間でheightは1360pxになっているようでした。

Answer 1

私の勘違いでした。
キャッシュが残ってしまっていたようです。

回答いただきました方、ありがとうございます。