您可以尝试两种方法使其响应

1.按百分比给出左边距

.navbar span{
            left: 30%
            }

这会根据屏幕大小来计算左间距百分比。因此它会自动采用

2.使用媒介查询

通过使用这个你可以设置CSS专门为不同的屏幕大小

/* Set CSS for Full screen size */
.navbar span{
                left: 480px
                }

/* On screens that are 992px or less */
@media screen and (max-width: 992px) {
  .navbar span{
                left: 380px
                }
}

/* On screens that are 600px or less */
@media screen and (max-width: 600px) {
 .navbar span{
                left: 300px
                }
}