调整背景图片的大小以不同的桌面屏幕大小

Question

Background image does not resize on different desktop screens with the following style. What's wrong here?

@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) {}