gpt4 book ai didi

javascript - 适合页面。高度问题

转载 作者:行者123 更新时间:2023-11-28 08:17:59 25 4
gpt4 key购买 nike

我有一个脚本,可以全屏显示摄像头。我制作了一个创建表的脚本:

document.getElementById('cameras_content').innerHTML +=
('<table height="50%" width="50%" style="float: left;">' +
'<tr>' +
'<td><img id="topImage'+ m +'" width="100%" height="100%"></img></td>' +
'</tr>' +
'</table>');

由于全屏共享 4 个摄像头,所以 table 是 2x2我在正确制作尺寸时遇到问题。横向没关系,我有两个适合的图像。问题是垂直的。我做了一个与水平高度完全相同的高度,但它不起作用。有什么神奇的命令吗?

这是全屏脚本:

function fullscreen(){
var elem = document.getElementById("cameras_content");
if (elem.requestFullscreen) {
elem.requestFullscreen();
} else if (elem.msRequestFullscreen) {
elem.msRequestFullscreen();
} else if (elem.mozRequestFullScreen) {
elem.mozRequestFullScreen();
} else if (elem.webkitRequestFullscreen) {
elem.webkitRequestFullscreen();
}
}

最佳答案

为了在 HTML 页面中使用高度百分比,您需要更改页面本身的大小方式。 (通常,正文会自行调整大小以适应其内容而不是填充浏览器窗口)

为此,请在 <head> 中添加以下内容标签:

<style type="text/css">
html{
height: 100%;
}
body {
min-height: 100%;
}

/* this part is optional, but makes scrollbars etc easier to handle */
body, html{
padding:0;
}
</style>

完成此操作后,您可以在元素上使用百分比高度。

关于javascript - 适合页面。高度问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28895236/

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