Question

这个问题是a previous一个问题的后续问题。简而言之，我有一个看起来大致如此的网站：

<head>
  <style>
    a.anchor {
      position: relative;
      top: -2em;
    }
  </style>
</head>
<body>
  <div style="position:fixed; left:0, top:0; width:100%; height:2em"> ... </div>

  <a name="anchor1" class="anchor">&nbsp</a>
  <h2>Chapter 1</h2>
  ...

  <a name="anchor2" class="anchor">&nbsp</a>
  <h2>Chapter 2</h2>
  ...

</body>

我可以按index.html#anchor1等定位各个标题。锚点相对于-2em放置，因为它是顶部<div>的大小，因此标题在下方很好地对齐。一切正常。

但是，当我更改网站的字体大小时，其整个内容会发生变化（当然），而过去坐在顶部<div>下方的标题会很好地移动。这是Fiddle虽然它似乎没有很好地重现这个问题。

问题：有没有办法在更改字体大小时保持标题对齐？我唯一能想到的是使用带锚的URL重新加载Javascript。也许是更优雅的东西？

当字体大小改变时，网站锚点正在移动

0 个答案: