求助大神，如何自适应li的宽度

Question

一个ul列表中有6个li，每个li里都有一张图片，li向左浮动同一行显示，希望它在各种宽度自适应，尝试了padding/margin使用百分比效果都不好，

Answer 1

li{width:16.6%;padding:15px 0;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;}

我做过一个类似的  产品展示   实际上展示图片在不同屏幕尺寸下的展示大小变化并不大 一般width是200px-300px以内进行变化，超出也是很少，不然就会显得过大或者过小

你这个可以参考一下  找出这个值的范围来考虑