gpt4 book ai didi

HTML5 视频高度因浏览器而异

转载 作者:行者123 更新时间:2023-11-28 02:20:38 25 4
gpt4 key购买 nike

我不明白为什么高度属性导致浏览器之间的差异很大。在 Firefox 中,它适合我的屏幕,在 Chrome 中,视频大小是原来的两倍,所有其他元素都不再适合。

我是不是误解了以像素表示的高度属性是如何工作的?我不明白我的视频在不同浏览器中的大小为何不同。

(我没有在任何一个浏览器上放大或缩小,两个浏览器上的 ctrl 缩放都是 100%)

视频旁边还有其他元素,这就是我使用 display: inline-block 的原因。在 chrome 中,这些元素不再适合。 (我当然可以通过缩放来解决这个问题,但这不是我想要的,我只想要跨浏览器的大小相同)。


<video src="video.mp4" controls autoplay></video>


video {
display: inline-block;
height: 470px;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 1px;
margin-left: 1px;
}

最佳答案

它把它改成了这个,这使得它可以跨浏览器工作。但是我还是不明白为什么绝对值相差那么大,为什么我需要使用响应式设计。

video {
display: inline-block;
width: 100%;
margin-top: 1px;
margin-bottom: 1px;
margin-right: 1px;
margin-left: 1px;
}

.VideoContainer
{
display: inline-block;
width: 70%;
}

关于HTML5 视频高度因浏览器而异,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57897761/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com