Css3 is not working on Cordova

#backgroundIndex{
    @media screen and(max-width: 1200px){
        background: red;
    }
    @media screen and(max-width: 740px){
        background: url('../img/background.jpg') repeat top left;
    }
}

What I would like to do is: When the resolution is less than 740px, the background uses an image. If it were larger, the background would be red.

When I'm developing websites I use these same commands, but in mobile it's not working, even setting viewport :

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

You are giving inspection error:

  

The key "target-densitydpi" is not supported.

How can I resolve this?