html - Styling on mobile device not correct -
i have new website complete. done database connected , working perfect, thing failing on site styling on mobile devices. no matter try background moves , shows background color on first page don't want.
i need specific in trying make sure background does not move, , background color not directly visible on first page. thank you! :)
in <head>:
<meta name="viewport" content="width=device-width" /> my css code:
img {     max-width:100%; } @viewport {     width: extend-to-zoom 980px;     min-zoom: 0.25;     max-zoom: 5; } body {     margin:0;     background:url(../images/bg-body.png) repeat-x left top #a6a6a6;     font-family:arial, helvetica, sans-serif; } {     outline:none; } img {     border:0;     display:block; } .background {     background:url(../images/bg-background.jpg);     background-color: #696969;     background-position: 0 100%;     background-repeat: repeat;     background-attachment: fixed;     background-size: cover;     background-size: 100%; }  
 
  
Comments
Post a Comment