CSS媒体查询来处理新的高分辨率手机，而忽略了平板电脑(css media query to han

根据我的研究; 新的智能手机的画像分辨率可达800像素
片miniumum纵向分辨率600px的

现在，我尝试使用媒体查询来呈现移动CSS手持设备支持的分辨率高达800像素，但我遇到的问题是像一个768px肖像分辨率IPAD1较老片也渲染移动CSS。

我需要确保从600px的平板电脑+台式机和更高的渲染宽屏CSS，而手机与一个800像素最大分辨率画像渲染移动CSS。

我怎么能不管手机和平板电脑的宽度的交叉做到这一点？

这是我的当前设置...

<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" />

在此先感谢奥马尔。

更新：

以下2合1媒体查询似乎适合我的目的。 我对三星Galaxy S2，谷歌Nexus和iPhone4测试，它似乎是工作的罚款。 需要验证片。

<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" />

Answer 1:

我想你想立足于媒体查询的理念是从一开始就存在缺陷：由于经常引述阮经天（该技术的“发明人”）断点不应屏幕/设备的规格，但如何从内容拟合得出自然页面。 开始构建移动第一与版式和色彩的基本样式，然后根据屏幕的增长，使用最小宽度：500像素（例如）添加一些布局/列，并继续下去，直到你认为你充分利用可用空间的桌面宽22英寸分辨率像1900px以上。 我这样做，我的博客（ http://www.gplus.gr/blog ） -在桌面Chrome浏览器只开发，并去检查网站中的其他设备时，它的工作就像一个魅力：安卓2.X，安卓4.0 .X，点燃，iPad的等等等等。

http://coding.smashingmagazine.com/2012/03/22/device-agnostic-approach-to-responsive-web-design/

文章来源: css media query to handle new high resolution mobiles whilst ignoring tablets