html页面最大化后显示的内容位置变了,html – 显示最大化并以div为中心的视频标签...

您可以使用定位和翻译的组合来实现：

.fixed-width-height {

position: relative;

}

.fixed-width-height video {

position: absolute;

top: 50%;

left: 50%;

-webkit-transform: translateX(-50%) translateY(-50%);

-ms-transform: translateX(-50%) translateY(-50%);

transform: translateX(-50%) translateY(-50%);

}

Your browser does not support the video tag

注意：

这将会/应该适用于所有浏览器栏IE8> =和Opera Mini，如图所示here在这些浏览器中，视频将显示在fixed-width-height元素的左上角(尽管仍将起作用)。

如果你想“覆盖”整个div，你可以使用：

.fixed-width-height video{

position:absolute;

top:0;

left:0;

height:100%;

width:100%;

}

以便完全覆盖相对定位的父母的伸展。