我可以以毫米为单位发布媒体查询吗？

Question

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

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

Answer 1

是的，你可以。 CSS3 Media Queries建议包含min-width: 25cm的示例，并且您没有理由不能使用mm，特别是因为建议规范性地引用CSS 2.1来定义max-width值。任何CSS 2.1长度单位都允许使用mm的值。这也适用于那些首先支持CSS3媒体查询的浏览器（在IE，Chrome，Firefox上测试）。

因此，如果它不起作用，问题就出在其他地方。由于可能难以使视口窄至60mm，因此首先使用160mm进行测试。 （似乎IE 10不允许您将视口设置为60mm宽，但这与此上下文中对@media单元的浏览器支持无关。）另外，请检查您在mm内使用的属性。 {1}}规则不会被其他规则覆盖。首先尝试使用样式表中根本没有设置的属性进行测试。

请注意，mm不一定对应于物理单位（以及单位的倍数）毫米。如CSS值和单位模块级别3 CR中所述，所谓的absolute lengths {{1}}并不是绝对的，但可能取决于设备分辨率和预期的观看距离。此外，小型设备通常会默认缩放内容。