I’m using the following Media Query to target 16×9 aspect ratio tablets, specifically the Samsung Galaxy Tag:
<link rel="stylesheet" href="style-16x9.css" media="screen and (max-device-width: 1280px) and (device-aspect-ratio:16/9)">
One the first page load, it doesn’t apply the style-16×9.css style sheet. When I reload the browser, it takes effect. This always happen at the beginning of every session when I load the page. Any reason why that would be?
Also, is there a way to specifically NOT target a certain aspect ratio in a media query? For example, exclude all 16×9 aspect ratios.
Which version of android are you using?
It might probably be related to this bug.
To answer your second question just use the not keyword.