Css 如何将li标签上的自动高度设置到响应菜单

我有一个css的问题，我有一个100%的高度和6xli的ul，我想修复李覆盖屏幕的所有100%宽度（100/6）%height，使这个响应

.reset{
边际：0px；
填充：0px；
}
身体{
边际：0px；
填充：0px；
}
.iphone_屏幕{
宽度：375px；
高度：627px；
背景色：#ccc；
}
.iphone_屏幕>ul{
宽度：100%；
身高：100%；
背景色：#bbb；
}
.iphone\u屏幕>ul>li{
宽度：100%；
高度：15%；/*（100/6）*/
列表样式：无；
}

李菜单
李菜单
李菜单
李菜单
李菜单
李菜单

用这个代替

高度：计算（100%/6）

参见小提琴：

试试这个：


.reset{
边际：0px；
填充：0px；
}
身体{
边际：0px；
填充：0px；
}
.iphone_屏幕{
宽度：375px；
高度：627px；
背景色：#ccc；
}
.iphone_屏幕>ul{
宽度：100%；
身高：100%；
背景色：#bbb；
位置：固定；
排名：0；
左：0；
}
.iphone\u屏幕>ul>li{
宽度：计算值（100%/6）；
身高：100%；
浮动：左；
位置：相对位置；
列表样式类型：无；
}


李菜单
李菜单
李菜单
李菜单
李菜单
李菜单


.iphone_screen>ul>li {
  width: 100%;
  height: calc(100% / 6);
  /* (100/6) */
  list-style: none;
}