我正在使用 bootstrap affix js plugin效果很好。我遇到的问题是,当我将正文更改为使用自定义字体 ( Google: Lato) 时,它会完全关闭 anchor 位置。
词缀链接导致页面上的位置不佳,并且页面在滚动时不再与词缀侧边栏对齐。它总是偏离 100 像素左右。
即。
body { font-family: 'Lato', helvetica, arial, sans-serif; color: #221e1e; font-weight: 300; line-height: 150%; }
我确定还有另一种方法可以补偿新的较小字体或行高,但我还没有找到。
如果我将整个主体的行高提高到 300,它可以正常工作,只是间距太可怕了。所以我尝试只调整带有 anchor 的标题的行高。
h2 .mw-headline { line-height: 330%; }
它几乎可以工作,除了它在第一个链接上仍然关闭并且感觉有点老套。我确信有一种正确的方法来处理这个问题,我只是不确定那是什么。
最佳答案
如果您使用的是 less 或 sass,则可以使用 Bootstrap 的自定义变量来解决此问题。
在你的情况下它是这样的:
@baseFontFamily: 'Lato', helvetica, arial, sans-serif;
@textColor: #221e1e;
@baseLineHeight: 20px;
在此处查找更多变量:http://twitter.github.com/bootstrap/customize.html
关于css - bootstrap 词缀行高与导航不准确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13084084/