-1

レスポンシブスライドを配置し、画像のサイズを変更して、ウェブサイトにぴったり合うようにしたい. これは現在の 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%;
  }

しかし、これにより次の結果が得られます。 白枠

白い枠が消えるように画像を大きくする方法はありますか? ありがとう。

4

2 に答える 2

2

レスポンシブ スライダーbxSliderを自分のプロジェクトで使用しました。スライダーのデフォルト CSS をカスタマイズできます。

于 2015-10-06T18:33:57.683 に答える
0

あなたの.rslides imgクラスでは、これらをwidth:90%and にmargin-left:10%変更するwidth:100%とmargin-left:0（またはmargin-leftすでに を持っているので完全に削除するとmargin:0px）、白い境界線が取り除かれ、画像がコンテンツを埋めるために引き伸ばされるはずです

あなたがこの間違いを犯したと思う理由は、誤って、または div の内訳がどのように機能するかを混乱させて、両方に入れたからです。あなたの場合、rslidesクラスはすでにコンテンツを移動してmargin-left:10%おり、div の 90% の 90% を効果的に使用し、マージンをその 90% 幅の 10% 移動することで、コンテンツをwidth:90%再度移動します。rslides img

于 2015-10-06T18:46:20.937 に答える