移动到wqhd的媒体查询的最佳通用列表是什么？

Question

我想构建一个支持移动设备，平板电脑，笔记本电脑和台式机的应用程序。我希望这是通用的，而不是特定于设备。

到目前为止，我有以下查询，但它们似乎无法正常用于某些情况：

    $mobile-only: max-width 640px;
    $mobile: min-width 0;
    $mobile-portrait: min-width 0 orientation portrait;
    $mobile-landscape: min-width 0 orientation landscape;
    $tablet-only: min-width 641px max-width 1024px;
    $tablet: min-width 768px;
    $tablet-portrait: min-width 420px max-width 767px orientation portrait;
    $tablet-landscape: min-width 768px orientation landscape;
    $laptop-only: min-width 1025px max-width 1440px;
    $laptop: min-width 1025px;
    $desktop-only: min-width 1441px max-width 1920px;
    $desktop: min-width 1441px;
    $wqhd: min-width 1921px;

用例：http://codepen.io/vinicius5581/pen/reormP

我想知道是否有人有好的设置，如果你不介意分享，请这样做。 ：）