gpt4 book ai didi

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

转载 作者:技术小花猫 更新时间:2023-10-29 10:17:45 26 4
gpt4 key购买 nike

我在我的 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/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com