react组件块中的materialize-css仍然重叠

Question

我在这里有2个问题：

调整屏幕大小时，文本会出现在图像后面，并且变得太小。

当我开始将屏幕尺寸从大到小进行调整时，徽标图像会向右稍微凸起（很早就发生了）。

我在我的应用程序中使用materialize-css。

<nav>
        <div className='nav-wrapper'
          style={{overflow: 'hidden'}}>
          <img
            className='round logo-img brand-logo left responsive-img col s2'
            style={{maxHeight:'100%', display:'block'}}
            src={'../../../public/favicon.ico'}>
            </img>
        <h4
          className='col s10 right'
          style={{whiteSpace:'nowrap', display:'block'}}
          >
          COMPANY NAME
        </h4>
        </div>
      </nav>