Według moich badań; Nowa rozdzielczość portretowa smartfonów wynosi do 800 pikseli
tabletki Miniumum Rozdzielczość portretowa 600px

Teraz próbuję użyć zapytań multimedialnych do renderowania mobilnego css na urządzenia przenośne obsługujące rozdzielczości do 800 pikseli, ale problem, jaki mam, to starsze tablety, takie jak ipad1 z rozdzielczością portretową 768 pikseli, które również renderują mobilne css.

Muszę się upewnić, że tablety + komputery z procesorami 600x i wyższymi renderują css panoramiczne, podczas gdy telefony komórkowe o rozdzielczości maksymalnej 800px renderują mobilne css.

Jak mogę to zrobić pomimo krzyżowania się szerokości komórek i tabletów?

to jest moja obecna konfiguracja ...

<meta name="viewport" content="initial-scale=1.0,maximum-scale=1.0,
user-scalable=0,width=device-width" />
<link rel="stylesheet" media="screen and (max-device-width: 800px)" 
href="/css/mobile.css" />
<link rel="stylesheet" media="screen and (min-device-width: 600px)"
href="/css/widescreen.css" />

z góry dzięki Omar.

AKTUALIZACJA:

poniższe zapytanie o media 2 w 1 wydaje się pasować do mojego celu. Testowałem na samsung galaxy s2, google nexus i iphone4 i wygląda na to, że działa dobrze. trzeba zweryfikować tablety.

<link rel="stylesheet" type="text/css" media='only screen and (max-width:480px) and    
(orientation: portrait), only screen and (max-width:800px) and (orientation:  
landscape)' href="mobile.css" />