给.scrollmenu类指定特定的宽度，并overflow-X: scroll;在小型设备的媒体查询中使用。我添加了移动设备的媒体查询。希望这可以帮助。
.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>