如何使用 HTML 使网页高度适应屏幕高度?

如何使用 HTML 使网页高度适应屏幕高度?

javascriptweb developmentfront end scripts更新于 2024/8/26 17:48:17

有很多方法可以使网页高度适应屏幕高度 −

给出相对高度 −

html, body {

height: 100%;

}

您也可以给出固定定位 −

#main

{

position:fixed;

top:0px;

bottom:0px;

left:0px;

right:0px;

}

您还可以使用视口高度来实现您的目的 −

height: 100vh;

相关文章

HTML 标签 div 和 span 有什么区别?

嵌入式 CSS 示例

使用 Modernizr 检测 HTML5 功能

Modernizr 检测到的功能

CSS list-style-image 属性的使用

CSS list-style-position 属性的使用

使用 CSS 在包含项目符号的框外设置标记

使用 CSS 在包含项目符号的框内设置标记

使用 CSS 设置标记与该标记相关文本之间的距离

如何使用 CSS 指示标记应出现在包含项目符号的框内还是框外?

有用资源

javascript 参考教程 - 该教程包含有关 javascript 的更多信息:https://www.w3schools.cn/javascript/

打印

下一节:跨域 HTML5 iframe 问题 ❯❮ 上一节:使用 HTML5 启用后置摄像头