我们的设计师正在他的4k显示器上测试响应式网站。断点之一如下：
<link rel="stylesheet" media="all and (min-width: 1000px)" href="/css/desktop.css" type="text/css" />
<link rel="stylesheet" media="all and (min-width: 640px) and (max-width: 999px)" href="/css/tablet.css" type="text/css" />
足够简单。他设法找到了一个介于999到1000像素之间的点，在该点上CSS破裂了，页面崩溃了。经过一番认真的抓挠之后，此问题得以解决：
<link rel="stylesheet" media="all and (min-width: 640px) and (max-width: 999.9px)" href="/css/tablet.css" type="text/css" />
我在Google查询中找不到有关在媒体查询中使用小数像素的任何信息。甚至有事吗？这是最好的方法，还是有更好的选择？
答案 0 :(得分：2)
似乎Chromium确实是一个错误，但已被标记为已修复，因此不可能实现：https://bugs.chromium.org/p/chromium/issues/detail?id=689096
在这个有关Firefox中错误的旧主题中，他们谈论的是同一问题，尽管未标记为已修复：https://bugzilla.mozilla.org/show_bug.cgi?id=1120090
在该线程中，提到媒体查询中的小数像素就像它们是正常现象一样。
我在高DPI屏幕上进行Web开发已有7年了，这还没有发生在我身上。我会说这不是真的。完全避免这种情况的一种方法是从最大或最小的屏幕向上（或向下）进行设计，仅进行覆盖，因此仅使用min-width或max-width。