responsive design - CSS media query not working, not sure why -
i have media queries defined below. when view in 800x1280, uses mobile css. when view in 980x1280, uses portrait tablet css. looks like, me, in 800x1280, should use portrait tablet css. idea why it's not?
fyi - i'm testing using responsive design view in firefox browser.
<link rel="stylesheet" href="core.css"> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <link rel="stylesheet" media="only screen , (min-width:680px) , (max-width:1024px) , (orientation:portrait)" href="tabletportrait.css" /> <link rel="stylesheet" media="only screen , (min-width:0px) , (max-width:679px)" href="smartphone.css" />
Comments
Post a Comment