li 如何实现动态伸缩

在HTML中，`li`元素代表列表中的一个项目，它本身并没有直接的动态伸缩功能。但是，可以通过以下几种方式来实现`li`元素的动态伸缩效果：

1. 使用CSS

1.1 使用百分比宽度

你可以为`li`元素设置百分比宽度，这样它们可以根据父容器的宽度动态伸缩。

```css

ul li {

width: 20%; / 例如，列表项宽度为父容器宽度的20% /

box-sizing: border-box; / 包含padding和border在内的宽度 /