Javascript Responsive网站部分基于设备而非屏幕分辨率

我已经用@media查询设置了断点，完成了我的响应网站。我有两个基本断点

最小宽度：1600px-适用于电视和更大分辨率的屏幕（只需将整个页面居中，并在侧面留有白色边距，没有太大意义）

最大宽度：1024px-对于平板电脑，有很多变化，特别是因为平板电脑有corse触摸屏，而台式电脑通常没有。看起来完全不同

最大宽度：600px-对于Smarphone，也有很多变化，特别是将内容从两到四列缩小为一列

现在我发现这可能是一个问题，因为现在有一些平板电脑在浏览器中运行，因为它们的分辨率为1280px，但也有一些电脑的显示器宽度为1280px，甚至更小，所以我无法更改这个的断点值

我当然不想要平板电脑上的台式机版本和comuter上的平板电脑版本，因为它们不是为了分辨率而创建的，而是为了平台而创建的

我知道有些东西叫做用户代理，比如WURFL，它似乎非常适合这个。但是，有没有办法将WURFL（平板电脑、台式机、smartpohne…）中的值与css@media查询连接起来

---

例如，在WURFL中检测设备是平板电脑，并更改CSS文件中的断点值，以便显示平板电脑版本，而不是桌面版本？或者有没有其他方法可以得到与此理论解类似的结果？

无需识别设备，只需使用正确的媒体查询即可

    @media only screen and (min-width : 320px) {

    }

    /* Extra Small Devices, Phones */ 
    @media only screen and (min-width : 480px) {

    }

    /* Small Devices, Tablets */
    @media only screen and (min-width : 768px) {

    }

    /* Medium Devices, Desktops */
    @media only screen and (min-width : 992px) {

    }

    /* Large Devices, Wide Screens */
    @media only screen and (min-width : 1200px) {

    }

---

我想你在找这个

用于检测移动设备的jQuery代码

---

为什么不让用户选择他们使用的界面呢？响应式设计的要点是，您不为设备设计。您所描述的不是真正的响应性设计。你应该停止对设备的测试，只使用媒体查询来确保网站在各个方面都很好。@RobG我不知道你的意思。如果我买的是分辨率更高的平板电脑，就像在桌面上一样，我仍然希望那里有更高的平板电脑版本，它有更大的链接和按钮，对于平板电脑用户来说更易于控制和阅读。你应该通过媒体查询来控制它，不是通过测试分辨率。@moss，而是如果我不仅关注它的外观，而且关注不同平台的功能，那该怎么办呢。平板电脑用户只有触摸屏，否则桌面用户有键盘和鼠标来控制网络。这是两种不同的想法。例如，在平板电脑版本中，您拥有完全不同的菜单，就像在桌面上一样。这只是为了让触摸屏更舒适。这不是我真正想要的。在我的问题中，我提到我知道WURFL.js，它告诉我它是平板电脑还是手机或其他东西。我需要更多的了解如何连接它与CSS媒体查询。