根据宽度和高度保持16:9的宽高比

时间:2017-11-16 04:39:11

标签: html css viewport-units

所以我有这个我想要的视频,不是全屏,而是关闭。我希望它保持16:9的宽高比,但我希望在视频和屏幕边缘之间总是有填充或空格。所以我现在所拥有的https://jsfiddle.net/99yen3v3/是:

width: 80vw;
height: 45vw;

为div。当我水平收缩Web浏览器时,它工作正常,视频div保持其16:9的宽高比。唯一的问题是,每当我垂直收缩网页浏览器时,视频就会慢慢离开屏幕。当我垂直缩小网页浏览器时,我想要相同的填充,如果这有任何意义的话。

如果您有任何疑问或疑惑,请询问。感谢您的帮助,谢谢。

EDIT1:我已经检查了this post,唯一的区别是他们在这个例子中使用了1:1的比例,而我的比较困难,是16:9。

EDIT2:我的问题不是this one的重复。我明确表示我希望div也包含在浏览器窗口的高度,而不仅仅是宽度。

1 个答案:

答案 0 :(得分:0)

您想要的是CSS with ws4.cells(1,1).currentregion .autofilter field:=2,criteria1:="Not found" .specialcells(xlcelltypevisible).copy end with 属性,其值为object-fit

https://developer.mozilla.org/en-US/docs/Web/CSS/object-fit

由于您使用的是contain,因此这实际上是默认设置。只需将视频大小设置为100%宽度/高度,并在父级上填充。

相关问题