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"> </a>
<h2>Chapter 1</h2>
...
<a name="anchor2" class="anchor"> </a>
<h2>Chapter 2</h2>
...
</body>
a、 锚定{
位置:相对位置;
顶部:-2米;
}
...
尽管它似乎没有很好地再现这个问题
问题:在更改字体大小时,有没有办法保持标题对齐?我唯一能想到的就是使用带有锚的URL重新加载Javascript。也许是更优雅的吧?jsfiddle,否则就没发生过;)名称已被弃用-您应该使用IDA,您是否使用任何css重置?我发现如果没有基于0的重置,ems有点不可预测。em度量不是基于字体大小吗?所以,当字体大小改变时,2em也会改变。@Horen:Added@皮特:谢谢@丹尼尔:是的@查德:这不是重点。重点是,随着字体大小的改变,锚定点会移动,但我希望标题保持在
下对齐的位置。如果2em
太混乱,用20px
替换它,您仍然会遇到同样的情况。