次のメディアクエリを使用して、16x9のアスペクト比のタブレット、特にSamsungGalaxyTagをターゲットにしています。
<link rel="stylesheet" href="style-16x9.css" media="screen and (max-device-width: 1280px) and (device-aspect-ratio:16/9)">
最初のページの読み込みでは、style-16x9.cssスタイルシートは適用されません。ブラウザをリロードすると有効になります。これは、ページをロードするすべてのセッションの開始時に常に発生します。それがなぜそうなるのか？
また、メディアクエリで特定のアスペクト比を具体的にターゲットにしない方法はありますか？たとえば、16x9のアスペクト比をすべて除外します。