html - 我可以以毫米为单位发出媒体查询吗？

Question

我有一些文本，我想调整它们在非常小的屏幕上的易读性。但是，我似乎无法让媒体查询工作：

@media only screen and (max-width: 60mm) {
    body {
        font-size: 14px;                                                                              
    }
}

Answer 1

是的你可以。CSS3 Media Queries推荐包含一个带有 的示例min-width: 25cm，您没有理由不使用mm它，特别是因为推荐标准引用CSS 2.1来定义值。的值中允许任何 CSS 2.1 长度单位max-width。这也适用于那些首先支持 CSS3 媒体查询的浏览器（在 IE、Chrome、Firefox 上测试）。

因此，如果它不起作用，则问题出在其他地方。由于可能很难将视口缩小到 60mm，因此先用 160mm 进行测试。（似乎 IE 10 不允许您将视口设置为 60 毫米宽，但这与浏览器mm在此上下文中对单元的支持无关。）还要检查您在@media规则中使用的属性是否未被其他属性覆盖规则。首先尝试使用您在样式表中根本没有设置的一些属性进行测试。

注意，mm不一定对应物理单位（嗯，单位的倍数）毫米。如 CSS Values and Units Module Level 3 CR 中所述，所谓的绝对长度mm并不是绝对的，而是可能取决于设备分辨率和预期的观看距离。此外，小型设备通常默认缩放内容。