iphone - CSS Media Queries - Having Trouble making it work -


i have following css, including media query iphone users, not seem work:

body { background: url('background.png') no-repeat center center fixed; background-size:100%; }  #tab { width:30%; height:60%; position:fixed; background: url('tab.png') no-repeat center center fixed; background-size:33%; top:20%; left:35%; opacity:0.7; }  @media screen , (max-device-width: 480px)  { body { background:#1589ff; }  #tab { width:30%; height:60%; position:fixed; background: url('tab.png') no-repeat center center fixed; background-size:33%; top:20%; left:35%; } } 

the normal css works fine, design not alter when switching iphone. can suggest why above media query not seem working? missing something?

instead:

@media screen , (max-device-width: 480px)  

try:

@media (max-width: 480px)  or   @media screen , (max-width: 480px)  

Comments

Popular posts from this blog

java - activate/deactivate sonar maven plugin by profile? -

python - TypeError: can only concatenate tuple (not "float") to tuple -

java - What is the difference between String. and String.this. ? -