<a> inside <li> won&#39;t link to page, but will work with anchor</li></a>

Question

我的所有锚链接都可以正常工作，但是在第二个ul中，href =“page1”将不起作用。它在我的屏幕左下角显示了正确的目的地，并且它在右键单击时工作 - ＆gt;在新标签页中打开，但不是在我点击它时。

删除链接周围的<li></li>会使其正常工作。有什么建议吗？

 <div class="navmenu">
        <?php if (is_front_page()) { ?>
        <ul class="pull-left">
            <li><a href="#app">app</a></li>
            <li><a href="#why">why</a></li>
            <li><a href="#habits">habits</a></li>
            <li><a href="#faq">faq</a></li>
            <li><a href="#contact">contact</a></li>
        </ul>
        <?php } ?>
        <div class="nav-links pull-right">
            <ul>
                <li><a href="page1">our app</a></li>
                <li><a href="#contact">the device</a></li>
            </ul>
        </div>
</div>

CSS

.navmenu {
  width: 100%;
  height: 60px;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color:#17607D;
}
.navmenu a.pull-left img {
  position:absolute;
}
.navmenu li {
  display: inline-block !important;
  margin-right: 15px;
  line-height: 40px;
  vertical-align: middle;
}
.navmenu ul {text-align:center;line-height:60px}
.navmenu img {
  margin-top:4px;
  margin-left:6px;
}
.navmenu li a {
  font-size: 23px;
  color:#51c4d4;
  letter-spacing:1px;
  font-family:'EdmondSans', helvetica,sans-serif;
  text-decoration:none;
}
.navmenu li a:hover {
  color:#fff;
}

Answer 1

您应该使用<a name="contact">代替<a href="#contact">