1

Подскажите, пожалуйста, как сделать такой функционал: В зависимости от ширины экрана, блок будет менять свои значение. Но!, есть нюанс - Имею блок с огромной шириной: .slides = 25000px. Размер .wrapper и .slider = 100% Размер экрана будет 1500px Нужно чтобы бралось значение 1500px и применялось к классу .slide

<div id="slider" class="slider">
 <div class="wrapper">
  <div id="slides" class="slides">
   <div class="slide">
     <H4>Slide 1</H4>
   </div>
  </div>
 </div>
</div>
2
  • Ширина экрана - это width: 100vw; (Viewport Width) Commented 7 июл. 2021 в 15:53
  • Если вообще ни чего не писать в css а в html вписать только div он будет 100% ширины Commented 8 июл. 2021 в 0:42

1 ответ 1

3

Вот если я вас правильно понял

.slide{
   width:100vw;
}

Уже вижу вопрос в ваших глазах , "что за такая единица измерения vw".

vw - относительная единица измерения блока ,1vw эквивалентно 1% ширины окна браузера. Т.е. если взять 100vw , то блок будет размером 100% окна браузера.

Важно помнить, что это vw берёт не размер экрана , а именно размер окна браузера.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.