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) 7 июл 2021 в 15:53
  • Если вообще ни чего не писать в css а в html вписать только div он будет 100% ширины 8 июл 2021 в 0:42

1 ответ 1

2

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

.slide{
   width:100vw;
}

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

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

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

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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