html - CSS 内容调整大小

Question

我正在尝试使用 CSS 使图像填充设备屏幕，但我没有运气。图片位于 after: 伪元素和内容标签中。我不能将图像用作背景，因为它必须覆盖 html。有什么想法吗？

@media screen and (orientation:portrait) {
body:after{
    content: url(images/IGOVERLAYPAPI.png); 
    position:fixed;
    max-width:100%; 
    height:auto; 
    z-index:444;
}

Answer 1

要强制元素覆盖视口(viewport)的尺寸，请尝试:

body:after{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}