位置固定不适用于桌面，但不适用于移动设备

Question

我一直在寻找其他一些答案，但他们似乎都关注iOS版本＆lt; 5.0。我在React中构建了我的页面，固定标题在桌面Chrome和Safari中运行良好，但在移动浏览器中不起作用。标题链接也不适用于移动设备。这可能发生什么？我页面上的其他链接工作正常。

CSS：

    .header {
      position: fixed;
      top: 0;
      height: 100px;
      width: 100%;
      display: flex;
      justify-content: space-around;
      align-items: center;
      color: white;
      background-color: #081c3f;
      font-family: 'Open Sans', sans-serif;
      font-weight: bold;
      z-index: 2;
      letter-spacing: .1em;
    }

HTML：

导入来自＆＃39;的反应＆＃39 ;; import＆＃39; ./ header.css＆＃39;;

export default class Header extends React.Component {
  render() {
    return (
      <div className='header'>
        <h1 className='name'>Conor Carey</h1>
        <div className='chapters'>
          <a href='#about'>ABOUT</a>
          <a href='#education'>RESUME</a>
          <a href='#work'>WORK</a>
          <a href='#contact'>
            <div className='contactLink'>
              CONTACT
            </div>
          </a>
        </div>
      </div>
    );