自适应

实现一个类似这样的功能，浏览器窗口缩小时里面的元素之间的间距也缩小，外面的绿色大框还需要相对页面垂直居中。但是有最大宽度和最小宽度，即在大屏幕时不能占满整屏，小屏幕不能锁成一团。

大概结构：

<div>
    <ul>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</div>

<style>
div {
    text-align: center;
    
}
ul {
    max-width:
    min-width:
    width:100%;
    text-align: center;
    display: inline-block;
    overflow: hidden;
}
li {
    text-align: center;
    width: 25%;
    float: left;
}
</style>