当宽度为100％时，滑块未正常工作

Question

我正在尝试使用父级width: 100%创建一个滑块。

这是一个有效的demo。

 .moving_container ul li {
  /*width: 100%;*/
  width: 500px;
  height: 300px;
  list-style: none;
  float: left;
  position: relative;
  display: block;
 /* background-repeat: no-repeat;
  background-size: 100%;*/
 }

现在工作正常。当我将宽度设置为100％时，我没有获得宽度为500px的滑块视图。什么是正确的属性，以便此滑块适用于所有大小的窗口。

我刚玩了背景属性。不幸的是我得不到它。

任何建议？

Answer 1

在JS函数上添加它：

$('.moving_container li').width($(window).width());