javascript - 放大或缩小时对齐列表项

Question

我愿意编写代码让我的列表项 (li) 居中对齐，并在我放大或缩小时更改它们的距离(这样它们将始终位于页面中间)但是当我缩放时放大或缩小，他们保持距离并流出页面这是我的 lis 代码:

#inlinelist
{
    display:inline;
    padding:1px;
    border:solid 1px;
    margin-left:15%;
}
</style>

这是我的 ul 和 lis:

<div>
<ul style="list-style-type:none;
position:inherit;
width:100%;">
<li id="inlinelist">ggl</li>
<li id="inlinelist">ggl</li>
<li id="inlinelist">ggl</li>
<li id="inlinelist">ggl</li>
</ul>
</div>

我不知道我是否需要js或其他东西(如果你知道js中的代码，请告诉我)发送

Answer 1

不使用媒体查询:

是THIS DEMO你想做什么？