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