html - 如何确定响应式滚动菜单上的宽度

.scrollmenu-container{
  margin: 0 auto;
  width: 500px;
  border-bottom: 2px solid #eee;
}
div.scrollmenu {
  text-align: center;
  margin: 0 auto;
  white-space: nowrap;
  border-bottom: 2px solid #eee;
  
}

div.scrollmenu a {
  display: inline-block;
  color: grey;
  text-align: center;
  padding: 14px;
  text-decoration: none;
}

div.scrollmenu a:hover {
  color: #24d175;
}

@media (max-width:767px){
  div.scrollmenu{max-width:300px; overflow-X: scroll;}
}

<div class="scrollmenu-container">
          <div class="scrollmenu">
              <a>הכל</a>
              <a>USB</a>
              <a>מטענים</a>
              <a>מתאמים</a>
              <a>גדאג'טים למחשב'</a>
          </div>
        </div>