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

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

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

ruby - Net::HTTP extremely slow responses for HTTPS requests -