Я тестирую свое веб-приложение наIPAD (1,2) также как иSamsung Tab 2, У меня есть разные наборы CSS (внешний) для применения в альбомном / портретном режиме на iPad и в ландшафтном / портретном режиме на вкладке 2.

Но я не могу написать правильный медиа-запрос для вкладки 2. Вопреки моему вкусу, CSS, который будет применяться для iPad Landscape, также будет применен к режиму ландшафта Tab 2!

Вот что я попробовал:

<link rel="Stylesheet" type="text/css" media="only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : landscape)"
    href="CSS/TabLandscape.css" />
<link rel="Stylesheet" type="text/css" media="only screen and (min-device-width : 600px) and (max-device-width : 1024px) and (orientation : portrait)"
    href="CSS/TabPortrait.css" />
<link rel="Stylesheet" type="text/css" media="only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape)"
    href="CSS/iPadLandscape.css" />
<link rel="Stylesheet" type="text/css" media="only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait)"
    href="CSS/iPadPortrait.css" />

НОТА: я.Согласно спецификации, разрешение Samsung Tab 2 составляет 1024х800.

II.Я не могу использоватьmin-device-pixel-ratio : 1 для Tab 2 как iPad (1) тоже имеет те же значения.