img标签做背景全满height设置百分比不生效的解决

vue项目，登录页需要使用

如图

解决：

width: 100%;
height: calc(100vh);
display: block;

参考：

css 设置宽高 calc(100vh - 56px) widht: calc(12%+5em)_星星月亮0的博客-CSDN博客_css设置宽高1、px像素，我们在网页布局中一般都是用px。2、百分比百分比一般宽泛的讲是相对于父元素，自适应网页布局越来越多，百分比也经常用到了。3、Viewportviewport：可视窗口，也就是浏览器。vw Viewport宽度， 1vw 等于viewport宽度的1%vh Viewport高度， 1vh 等于viewport高的的1%CSS3使用Calccalc()使用通用的数学运算规则，但是也提供更智能的功能：>使用“+”、“-”、“*” 和 “/”四则运算；>可以使用百分https://blog.csdn.net/baidu_40537062/article/details/119990780