LI元素的像素/百分比宽度变化未全面遵循容器的全宽。

可以将父容器设置为position:relative，子容器设置为position:absolute。在父容器中设置width:100%，并为子容器设置left:0和right:0。这样就可以让子容器的宽度随着父容器的变化而自动调整。

示例代码如下：

HTML:

<div class="parent">
  <ul class="child">
    <li>Item 1</li>
    <li>Item 2</li>
    <li>Item 3</li>
  </ul>
</div>

CSS:

.parent {
  position: relative;
  width: 100%;
}

.child {
  position: absolute;
  left: 0;
  right: 0;
}

li {
  display: inline-block;
  /* 设置每个li元素的宽度为25% */
  width: 25%;
}