Изменение высоты прилегания объекта

Question

Используя подгонку объекта, если я установлю высоту 100vh, она будет работать должным образом, хотя, если я изменю ее на что-то еще, она больше не будет иметь правильный размер, а сжимается, чтобы заполнить пространство при уменьшении окна.

Можно ли сохранить его пропорциональным, как при 100vh, но на самом деле он не займет весь объем доступного пространства?Я в порядке с частями отсеченного видео, я просто не могу понять, как заставить это работать.

В основном я хочу, чтобы на мобильном устройстве 100vh было хорошо, у меня есть наложение текста сверхувидео, так что дополнительное пространство работает.Но на больших экранах слишком много неиспользуемого пространства над этим видео (другое также на всем сайте, но думаю, что для исправления также можно использовать те же методы), и я хотел бы, вероятно, уменьшить его до значения от 50 до 65% от общего размера.

Ниже приведен код CSS, который я использую в видео в настоящее время, также есть ссылка на живой сайт видео, так как я не верю, что могу загрузить его в SO.

https://tsukiyonocm.github.io/test/

#services {
  position: relative;
}

#servicesVid {
  height: 100vh;
  width: auto;
  position: relative;
  -o-object-fit: cover;
  object-fit: cover;
}

Answer 1

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

@media screen and (min-width: 1400px) {
 //your style for these  devices that have 1400px+ screen width
}