iOS SafariとFirefoxができても、ChromeがウェブサイトのCSSに変更を読み取っていないのはなぜですか？

-1

私のコードを作業していて、Chromeでファイルを開くと、正しく表示されます。しかし、私はそれらを私のHostgatorサーバーにアップロードした後、私が追加した新しい変更はブラウザに反映されていません。 iPhone 6SのSafariとUbuntuのFirefoxはサーバーから正しいCSSを読み込んでいますが、UbuntuとWindowsの両方のChromeはまだ古いコードを読み込んでいます。iOS SafariとFirefoxができても、ChromeがウェブサイトのCSSに変更を読み取っていないのはなぜですか？

私は見ているものを見ることができるように.gifリンクを添付しました。私のGithubリポジトリリンクとライブサイトへのリンクも表示されています。私は自分のHTMLにCodePenを加えました。ご質問をより明確にしていただければ幸いです。

<!DOCTYPE HTML> 
<html lang="en-US" prefix="og: http://ogp.me/ns#"> 
<head> 
    <link rel="stylesheet" href="CSS/style.css"> 
    <title>Rodolfo Eduardo, Writer and Entrepreneur</title> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=Edge"> 
    <link rel="canonical" href="https://rodolfoeduardo.com/book"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
</head> 
<body> 
    <div class="columnContainer"> 
    <div class="outerColumn"> 
     <div class="aboutlogocontainer"> 
      <a class="mainLogoContainer" href="home"> 
      <img class="mainlogo" alt="mainlogo" src="Images/favicon-194x194.png"/> 
      </a> 
     </div> 
     <div class="hamburgler-menu"> 
      <ul class="hamburgler-menu-list"> 
      <li><a class="navigationItem" href="about">About</a></li> 
      <li><a class="navigationItem" href="poems">Poems</a></li> 
      <li><a class="navigationItem" href="essays">Essays</a></li> 
      <li><a class="navigationItem" href="contact">Contact</a></li> 
      </ul> 
     </div> 

     <div id="hamburgler" class="hamburgler-icon-wrapper"> 
      <span class="hamburgler-icon"></span> 
     </div> 
    </div> 
    <div class="innerColumn"> 
     <h1 class="pageTitle">Books</h1> 
     <div class="igContainer1"> 
     <div class="bookRow1"> 
      <p class="bookCopyTitle2">I have two options for everyone:</p> 
      <p class="bookCopy">Amazon (paperback)</p> 
      <div class="bookImgContainer"> 
      <a target="_blank" href="https://rads.stackoverflow.com/amzn/click/0999501305"><img class="polaroid" src="Images/polaroid.jpg"/></a> 
      <p class="bookCopy">Etsy (ePub)</p> 
      <a target="_blank" href="https://www.etsy.com/"><img class="etsyphoto" src="Images/etsy.jpg"/></a> 
      </div> 
     </div> 
     </div> 
     <div class="iconAboutContainer"> 
     <div class="iconAboutSubContainer"> 
      <div class="vscoAboutContainer"> 
      <div class="vscoicon"> 
       <a href="https://vsco.co/rodolfohernandez"><img class="iconAboutImages" src="Images/vscologo.png" alt="VSCO Logo" /></a> 
      </div> 
      </div> 
      <div class="igAboutContainer"> 
      <div class="instagramicon"> 
       <a href="https://www.instagram.com/rodolfo.eduardo/?ref=badge"><img class= "iconAboutImages" src="Images/instagramlogo.png" alt="Instagram" /></a> 
      </div> 
      </div> 
     </div> 
     </div> 
    </div> 
    </div> 
    <script> 
    document.getElementById('hamburgler').addEventListener('click', checkNav); 
    window.addEventListener("keyup", function(e) { 
     if (e.keyCode == 27) closeNav(); 
    }, false); 

    function checkNav() { 
     if (document.body.classList.contains('hamburgler-active')) { 
     closeNav(); 
     } else { 
     openNav(); 
     } 
    } 

    function closeNav() { 
     document.body.classList.remove('hamburgler-active'); 
    } 

    function openNav() { 
     document.body.classList.add('hamburgler-active'); 
    } 
    </script> 
</body> 
</html>