Question

我试图弄清楚为什么在Chrome中（并且只在Chrome中）我的网站标题的元素在重新加载后更改位置。它肯定与缓存有关，因为当我按下Ctrl + Shift + F5时，布局会自行修复。麻烦的是这个：

＆＃13;

#header-helpful {
  clear: right;
  color: #696969;
  display: inline-block;
  float: right;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.4em;
}

header-helpful .action {
  display: inline-block;
  float: left;
  line-height: 20px;
  padding: 4px 0px;
}

header-helpful .value {
  margin-left: 5px;
}

＆＃13;

<div id="header-helpful">
  <div class="search-form">
    <form method="get" id="searchform" action="https://rhesis.it/"></form>
  </div>
  <!-- end .search-form -->
  <div class="action">
    <div class="value">ISSN 2037-4569</div>
  </div>

＆＃13;

元素<div class=action">在第一次加载时看起来很好，但在重新加载与<div class="value">一起下降之后。我试图寻找一个解决方案，但我尝试过的任何工作都没有。你要检查，该网站是rhesis.it。你有什么主意吗？任何帮助表示赞赏！

编辑1：问题只是通过增加/减少窗口大小来修复自身。但重现它的重现。

编辑2：这是我（和其他人）看到的内容：

first load or Ctrl + Shift + F5

after reloading

Answer 1

我使用Chrome检查了该页面，但您所描述的问题从未出现过。要检查是否包含缓存，请尝试以下操作：在Chrome位置输入地址，在?之后添加一个随机数，例如rhesis.it?5675859或您想要的任何数字。

此时您的页面应该正确显示分页，而不是重新加载...

如果问题确实消失，则缓存会被覆盖，并且应该会删除整个Chrome缓存或缓存的单个已包含文件。

刷新时元素更改位置（Chrome）

1 个答案: