html - 响应式 html 锚点的最佳实践

Question

我在网站上的 svg 中使用不同部分的锚点。使用 27 英寸屏幕浏览网站时，滚动到各个部分很好，但如果我切换到 24 英寸屏幕或 17 英寸屏幕，您可以清楚地看到偏移量。

        <foreignObject x="5" y="-20" style="position: absolute">
            <a href="" id="section-1"></a>
        </foreignObject>

我应该使用 CSS + @media 吗？还是我需要根据视口用JS计算值？

将响应式“幻灯片”设置为 html 锚点的最佳做法是什么？

标签： htmlcsssvganchorresponsive