Прихлоп Responsove Карусель


У меня возникли проблемы с настройкой моей загрузочной карусели. Вот код, который у меня есть для этого:

<div id="slider" class="slider carousel slide">
<div class="carousel-inner" align="center">
<div class="item active">
<div style="display: flex;flex-direction:row; justify-content: center; align-items: center;">
<div><p style="font-family:'Aleo';color: #4e4c4a;font-size: 13vw;top:-30px;position:relative;">AR111</p><p style="font-family:'Aleo';color: #4e4c4a;font-size: 2vw;top:-80px;position:relative;">Description of the product enters here <br> approximately 2 lines</p></div>
<div style=""><img src="imagens/ar111.png" class="img-responsive"></div>
</div>
</div>
<div class="item">

</div>
<div class="item">
</div>
</div>
<a class="left carousel-control" href="#slider" data-slide="prev">
<span class="glyphicon glyphicon-circle-arrow-left"></span>
</a>
<a class="right carousel-control" href="#slider" data-slide="next">
<span class="glyphicon glyphicon-circle-arrow-right"></span>
</a>
</div>

И вот как я хочу, чтобы слайдер выглядел на всех экранах .

Вот он в прямом эфире: http://www.felipegrin.com/testing

Как вы можете видеть, он портится в зависимости от разрешения экрана. Я пытался использовать flexbox, чтобы дать мне больше гибкости, но все еще не работает. Как я могу выполнить элементы внутри слайдера, чтобы изменить размер всех вместе в зависимости от разрешения экрана?
1   2   2016-05-31 07:32:27

1 ответ:

Стили, которые вы применяете на follwong two, нарушают отзывчивость

<div><p style=" font-family:'Aleo'; color: #4e4c4a; font-size: 1em;  top:-30px;  position:relative; ">AR111</p><p style=" font-family:'Aleo';  color: #4e4c4a;  font-size: 2vw;  top:-80px;  position:relative; ">Description of the product enters here <br> approximately 2 lines</p></div>

Не использовать Top:-80 пикселей; положение:относительная; и Top:-30 пикселей; положение:родственника; так как он не отвечает

Попробуйте удалить весь ваш стиль в этих двух P-блоках и посмотреть, как он работает, а затем применить стили один за другим.