我正在制作一个超级基本的网页，它只播放视频，并且将其对齐到除Safari之外的所有浏览器的页面正中央，该位置将其推到左下角。
<!DOCTYPE html>
<html>
<link rel='stylesheet' href='style.css'/>
<head>
<title> page title </title>
<link rel="icon" type="image/png" href="favicon.png"/>
</head>
<body bgcolor="#000000">
<div class="video">
<iframe src=" /*i'm not including the video link for privacy reasons*/ width="700" height="525" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
</div>
</body>
<style type="text/css">
.video {
position: fixed;
top: 50%;
left: 50%;
margin-left: auto;
margin-right: auto;
transform: translate(-50%, -50%);
}
</style>
</html>
有人遇到过这个问题吗？看起来很基本，但我只是不知道为什么它不起作用。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句