使用ids和css移动锚点标记

Question

我有一个很长的垂直视差网站。

该网站的移动版本略有不同，但它使用相同的锚点共享相同的导航。

我正在尝试将id添加到锚标签 - 这样我就可以在移动分辨率下使用css移动它们。

<a id="anchor1" href="#anchor1"></a>

但它没有被阅读 - 有任何建议吗？

@media(max-width:700px) and (min-width:100px) { 

    a#anchor1 { margin-top:-110px; position:absolute;}

Answer 1

内联元素将忽略保证金。添加显示：内联块到您的CSS，你应该是好的

Answer 2

你错过了屏幕部分，我会找到另一种方法来获取元素而不是id，或者[href =“＃”]或者将类放在锚点上，否则你将不得不写出代码的负载时间取决于你有多少链接。

@media screen and (max-width:700px) and (min-width:100px) { 

a#anchor1 { margin-top:-110px; position:absolute;}
}