css - 调整背景图像不同的桌面屏幕尺寸

Question

背景图像不会在具有以下样式的不同桌面屏幕上调整大小。这里有什么问题吗？

@media
only screen and (min-resolution: 2dppx) and (min-device-width: 539px) {
    /* Large screen, retina */
    .welcome {
        background:#00ff00;
        /* link to other image */
        background-image: url('Desktop768px1024px.jpg');
        background-size: 100% 100%;
        /* hide src */
        height:0;
        width:0;

        /* just show the background */
        padding:768px 1024px;
    }
}

Answer 1

尝试使用这个规则:

@media only screen and (min-resolution: 72dpi) and (min-device-width: 539px) {}