你如果要设置自适应的问题，那么就需要一个宽度100%也就是你最外围的那个div 设置css宽度100%；
第二步，设置li标签宽度60%；后面的span修改为li设置为40%；给他们都起一个css名字首先保证一行自适应，以下的那些复制就可以了；让li标签 float:left 或者让第二个li标签靠右对齐；
这样就可以实现区域自适应了；
注：这只是区域自适应，你也可以设置由浏览器的宽度变动，文字根据浏览器宽度变化而变动大小，这个就需要去判断了@media screen用这个方法就可以实现，如果不懂可以百度一下，有对应的教程，或者追问我也可以；我可以帮你解答；
css自适应宽度有2种方式：1.是通过百分比来控制宽度；
2.可以通过块状元素自动占满父级的宽度的特性来实现
PS：当然还有一些方法，比如css3的flex-box布局，用flex布局的话，非常的方便可以实现多种自适应布局，但是，只适用于移动端，PC端上面只有高版本的浏览器才兼容，低版本的浏览器是不兼容的。
