如何设置网页页面高度100%

程序员文章站 2022-06-03 17:49:14

...

网页页面高度铺满全屏的方法

在设置页面页面铺满的时候，还没开始我就发现了问题，高度是高度不像宽度，是无法设置为100%的；
但是h5融媒体都是铺满全屏的，所以一定是有什么方法的，因此我去度娘了。看到最多的还是屏幕自适应。在head标签内加入这段；

	<meta name="viewport" content="width=device-width, initial-scale=1">

然鹅，才疏学浅，没弄懂，反正实现不了；

我找到一种可行的方法

html,body{
	height:100%;
	padding:0;
	margin:0;
}
//给父元素加上一个高度100%；就可以铺满，为了图片不变形，一般宽度是固定数值为单位；

还有就是我练习的时候偶然发现的
只要把声明
<!doctype html>
删掉。那么不用给父元素添加高度，直接body里的随便一个元素设置高度100%，都会有效
但是，感觉这样会出现问题

相关标签：页面高度怎么设置100%