css - 在响应式媒体查询中使用 cm?

标签 css media-queries

我在我的 CSS 媒体查询中使用厘米来使我的模板具有响应性,而现在我们的智能手机具有非常高的分辨率,这使得像素过滤器变得困难。 我的问题是,为什么所有网站都不使用 CM 来使响应变得更加简单和实用?使用 cm 是否会遗漏任何我不知道的内容?

编辑:我正在使用 min-**device**-width 作为媒体查询。

最佳答案

我也一直热衷于使用物理单位进行 CSS 测量,因为它很有意义,特别是对于在所有类型的设备上设计长篇内容的阅读体验。 但这种方法的问题是 1 CSS cm/in 与现实世界中的 1 cm/in 绝对不同。 就试着做一个宽度和高度为 1cm 的盒子,然后测量在不同浏览器、屏幕和设备中的渲染。您可能会感到意外。

根本问题是所有(?大多数)设备将物理单位呈现为(令人惊讶的)1in = 96px(或 1cm = ~37.8px)的等式。因此,如果您以厘米为单位定义单位或媒体查询,那实际上意味着您以约 37.8 像素的比例定义它们,这在大多数情况下肯定不是您想要的。


关于css - 在响应式媒体查询中使用 cm?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20298221/

相关文章:

css - 即使未在任何地方声明,响应式元也采用固定宽度,刷新后显示。一次加载工作正常

css - iOS 10.3 safari 文本对齐 :justify bug for Persian/Arabic content

javascript - Node JS 中的外部 CSS

javascript - 如何从另一个 div 中的输入到达下一个 div

html - 输入元素,显示 block

c# - 使用 CSS 隐藏多个下拉框进行打印

css - 媒体查询 CSS 的问题

css - Windows 7 移动版 CSS 媒体查询

CSS 媒体查询 - 多与少

jQuery 表单验证简单示例不起作用