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
Post a Comment