Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当字体大小改变时,网站锚正在移动_Html_Css_Anchor - Fatal编程技术网

Html 当字体大小改变时,网站锚正在移动

Html 当字体大小改变时,网站锚正在移动,html,css,anchor,Html,Css,Anchor,这个问题是其中一个问题的后续问题。简而言之,我有一个大致如下的网站: <head> <style> a.anchor { position: relative; top: -2em; } </style> </head> <body> <div style="position:fixed; left:0, top:0; width:100%; height:2em"> ..

这个问题是其中一个问题的后续问题。简而言之,我有一个大致如下的网站:

<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>

a、 锚定{
位置:相对位置;
顶部:-2米;
}
... 
尽管它似乎没有很好地再现这个问题


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

jsfiddle,否则就没发生过;)名称已被弃用-您应该使用IDA,您是否使用任何css重置?我发现如果没有基于0的重置,ems有点不可预测。em度量不是基于字体大小吗?所以,当字体大小改变时,2em也会改变。@Horen:Added@皮特:谢谢@丹尼尔:是的@查德:这不是重点。重点是,随着字体大小的改变,锚定点会移动,但我希望标题保持在
下对齐的位置。如果
2em
太混乱,用
20px
替换它,您仍然会遇到同样的情况。