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