0

这个问题是前一个问题的后续问题。简而言之，我有一个大致如下所示的网站：

<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。也许更优雅的东西？

4

0 回答 0