html: 设置background-image的大小使自动适应所在容器

样式描述：想给无序列表中每个

标签中文字后添加一个图片

     

       
一级菜单
       
二级菜单
       
三级菜单
       
四级菜单
       
五级菜单
       
六级菜单
       
七级菜单
     

①图片为：

 

原效果展示：

 问题描述：图片无法自适应大小，只能展示一部分

解决代码如下：加上最关键的：background-size:100% 100%;

.nav>li>span{
       background: url("../img/rightarr.png") no-repeat center center;
       background-size:100% 100%;
       display:inline-block;
       width: 32px;
       height: 32px;
     }

设置后效果展示：