Html 为什么不是';Chrome阅读对我的网站的更改';s CSS,即使iOS Safari和Firefox能够?

Html 为什么不是';Chrome阅读对我的网站的更改';s CSS,即使iOS Safari和Firefox能够?,html,css,web-hosting,Html,Css,Web Hosting,当我编写代码并在Chrome中打开文件时,它们看起来是正确的。但在我将它们上传到我的Hostgator服务器后,我添加的新更改并没有反映在浏览器中。iPhone 6S上的Safari和Ubuntu上的Firefox正在从服务器读取正确的CSS,但Ubuntu和Windows上的Chrome仍在读取旧代码 我附加了一个.gif链接,这样你就可以看到我看到的内容,还有我的Github repo链接和一个指向live站点的链接。我还包括了我的HTML和一个代码笔。请让我知道,如果我可以使我的问题更清楚

当我编写代码并在Chrome中打开文件时,它们看起来是正确的。但在我将它们上传到我的Hostgator服务器后,我添加的新更改并没有反映在浏览器中。iPhone 6S上的Safari和Ubuntu上的Firefox正在从服务器读取正确的CSS,但Ubuntu和Windows上的Chrome仍在读取旧代码

我附加了一个.gif链接,这样你就可以看到我看到的内容,还有我的Github repo链接和一个指向live站点的链接。我还包括了我的HTML和一个代码笔。请让我知道,如果我可以使我的问题更清楚,谢谢

    <!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/com/0999501305" rel="nofollow noreferrer"><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>

鲁道夫·爱德华多,作家和企业家

我对每个人都有两个选择:

亚马逊(平装本)

Etsy(ePub)

document.getElementById('hamburgler')。addEventListener('click',checkNav); window.addEventListener(“键控”,函数(e){ 如果(e.keyCode==27)closeNav(); },假); 函数checkNav(){ if(document.body.classList.contains('hamburgler-active')){ closeNav(); }否则{ openNav(); } } 函数closeNav(){ document.body.classList.remove('hamburgler-active'); } 函数openNav(){ document.body.classList.add('hamburgler-active'); }
  • 问题所在:
  • 回购:
  • 现场直播:
  • 代码笔:

您的浏览器中可能存在缓存问题。请尝试清除缓存,然后再次打开您的网站。在chrome中,您可以在浏览器选项卡中使用Ctrl+Shift+R同时刷新和清除缓存,这可能是网页正在从浏览器缓存加载。尝试以匿名模式加载您的新站点,并检查是否一切就绪。@abskmj我尝试过,但没有成功,谢谢!你能在@abskmj nope上看到你的css更改吗?我想在生成文件和上传文件之间的某个地方有点混乱。我会继续努力,并从这里更新问题。
.bookCopyTitle2
.bookCopy
的样式与动画GIF中显示的样式匹配。尝试过,但仍然存在相同的问题。不过,谢谢你的回答,我想我没有以正确的方式提出正确的问题。我会回来看看我能不能把它做好