@atambalasi

Как сделать изображения адаптивнной?

<section class="offer">
    <div class="owl-carousel slider">
    	<?php foreach(getSlider() as $sliderpost): ?>
        
        	<div class="item slider-wrapper" style="background-image: url(<?php //echo get_the_post_thumbnail_url( $sliderpost->ID); ?>);">
        		<img src="<?php echo get_the_post_thumbnail_url( $sliderpost->ID); ?>">
	        	<a class="slide-btn" onclick="popup_callback();">Заказать</a>
        	</div>
        
        <?php endforeach; ?>
    </div>
</section>

item slider-wrapper фиксирован по высоте 200px как сделать чтобы изображения показывался целиком но при этом был высатой блока item slider-wrapper. Пробывал cover половина изображения по бокам нет. Пробовал contain изображния встала центр блока не по все высоте item slider-wrapper
  • Вопрос задан
  • 62 просмотра
Пригласить эксперта
Ответы на вопрос 1
lukoie
@lukoie
Надо фону задать точные ширину и высоту.
Вот тут смотрите: https://idg.net.ua/blog/uchebnik-css/ispolzovanie-...
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы