css li浮动后缩小后 |设置父元素css样式

要实现缩小效果，大家可以为每个li元素设置一个固定的宽度，并在CSS中设置缩小比例。例如，大家可以用以下代码来实现一个简单的li浮动布局，并为每个li元素设置一个宽度为100px，同时设置缩小比例为50%：

ul {
list-style: none;
padding: 0;
margin: 0;
}
li {
float: left;
width: 100px;
background-color: #f00;
color: #fff;
text-align: center;
font-size: 16px;
transform: scale(0.5);
transform-origin: left top;
}

在这段代码中，大家使用了transform属性来实现缩小效果，设置了缩小比例为50%。同时，大家也设置了transform-origin属性，将缩小的基准点设置为左上角。

通过这种方式，大家可以让多个li元素横向排列，并在缩小后适配不同的设备屏幕。此外，大家还可以通过CSS媒体查询来实现针对不同宽度的设备设置不同的缩小比例，以达到更好的适配效果。