Question

我注意到最近托管的网站存在一个奇怪的问题。问题在于页面底部页脚上的字体真棒锚标签。当我从计算机甚至在chrome开发人员模式下查看它们时，效果都很好。

当我在手机上查看网站时，有时页脚链接在index.html页面上不起作用。如果在单击页脚图标之前，我没有从导航栏（“关于”，“项目组合”或“项目”）中单击index.html各个小节的链接，则这些按钮将不起作用。注意：仅当使用手机查看该网站时，此事件才发生。该网站如下所述。如果您有任何其他方面的改进建议，请告诉我。谢谢！

网站：http://www.maheenul.com

密码笔链接为：https://codepen.io/maheenul/pen/QBLVxz?editors=1010 注意：我无法在代码笔中复制该问题，因为我使用的href指向文件名，因此它们无法在代码笔上使用。

<footer class="footer">
            <div class="container footer-content">
                <span class="contact-group">
                    <a href="https://github.com/maheenul" target="_blank"><i class="fab fa-github"></i></a>
                    <a href="https://www.linkedin.com/in/maheenul/" target="_blank"><i class="fab fa-linkedin"></i></a>
                    <a href="mailto:maheenul@gmail.com"><i class="far fa-envelope"></i></a>
                </span>
                <span class="trademark">
                    &copy 2018 Maheenul
                </span>
            </div>
        </footer>

要复制该问题，请按照我的网站（chrome）上的以下步骤操作：加载主页（index.html）->在导航栏中单击“项目”->滚动到导航->再次单击项目->现在滚动到底部的页脚->尝试单击“我的linkedin”图标页脚。

无法从手机点击页脚上的字体真棒锚标签

0 个答案: