Полноэкранные видео/изображения с «полосой прокрутки: стабильные оба края»CSS

Разбираемся в CSS
Ответить
Anonymous
 Полноэкранные видео/изображения с «полосой прокрутки: стабильные оба края»

Сообщение Anonymous »

Я установил для своего веб-сайта «полосу прокрутки: стабильные оба края», чтобы обеспечить симметричный вид, но мне нужно отображать видео, которое покрывает всю ширину экрана, включая пространство слева, созданное «оба края» — сама полоса прокрутки справа подойдет (это будет своего рода целевая страница, но с содержимым под ней). Это показано во фрагменте кода внизу.
Он показывает изображение с дополнительным пространством слева. Я хотел удалить это лишнее пространство из изображения/видео, но сохранить его для остального контента ниже («Бла-бла» и т. д.). Это означало бы, что контент был бы центрирован относительно всего экрана, а не по ширине экрана с вычтенной шириной полосы прокрутки.

Код: Выделить всё

:root{
scrollbar-gutter: stable both-edges;
}
body{

margin: 0;
width: 100%;
height: 10000px;

}

img{
width:100%;
}

div{
width: 100%;
margin: auto;
text-align: center;
padding-top: 40px;
}

Код: Выделить всё



    Test





[img]https://i.sstatic.net/523tYgHO.jpg[/img]


Blah blah
Blah blah Blah blah Blah blah Blah blah Blah blah Blah blah Blah blah Blah blah




Подробнее здесь: https://stackoverflow.com/questions/790 ... both-edges
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»