定位责任人

Question

我想定位我的responsiveslide并调整图片大小以使其适合我的网站。这是当前的CSS文件：

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 90%;
  margin: 0px;
  padding: 0;
  border: 0;
  margin-left: 10%;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  margin-bottom: 0px;
  margin: 0px;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 90%;
  border: 0;
  margin: 0;
  margin-bottom: 0px;
  margin-left: 10%;
  }

但是这给了我以下结果：

是否有任何可能的方法使图像变大，使白色边框消失？ 感谢。

Answer 1

我在自己的项目中使用了响应滑块bxSlider，您可以自定义滑块的默认CSS。

Answer 2

在.rslides img课程中，您width:90%和margin-left:10%将这些更改为width:100%和margin-left:0（或完全删除margin-left已经有margin:0px）应该摆脱白色边框，你的图像应该拉伸以填充内容

我认为你可能犯了这个错误的原因是你在事故中或者通过混淆div分解的工作原理。在您的情况下，rslides类已将内容移至margin-left:10%并包含width:90%，因此在rslides img中再次执行此操作，您实际上正在使用90％的90％ div和将边距移动90％宽度的10％