samedi 19 décembre 2015

guys need some help,my webpage is not acting responsively

this code is of a simple background image but shows 3 images when seen throught the mobile browser

<!doctype html>
<html>
<head>
    <style type="text/css">
*{
    margin:0;
}
body{
background-image: url('Startupal coming soon4.jpg')  ;
width:500px;
height:600px;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    position: relative;
}

@media only screen and (max-width: 767px) {
  body {

    background-image: url(Startupal_coming_soon5.jpg);
  }
}

</style>

</head>
<body>

</body>



</html>

please suggest changes to make the image fit to the screen




Aucun commentaire:

Enregistrer un commentaire