Позиционирование responsiveslides

Question

Я хочу разместить мои отзывчивые данные и изменить размер изображения, чтобы он просто соответствовал моему сайту. Это текущий файл 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 и перемещаете запас на 10% от этой 90% ширины