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

Popular posts from this blog

java - Spring Data JPA: Why findOne(id) executing delete query internally? -

python - Mongodb How to add addtional information when aggregating? -

java - Incorrect order of records in M-M relationship in hibernate -