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

Popular posts from this blog

matlab - error with cyclic autocorrelation function -

django - (fields.E300) Field defines a relation with model 'AbstractEmailUser' which is either not installed, or is abstract -

c# - What is a good .Net RefEdit control to use with ExcelDna? -