css – 在敏感媒体查询中使用cm?

前端之家收集整理的这篇文章主要介绍了css – 在敏感媒体查询中使用cm?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在我的css媒体查询中使用厘米,使我的模板响应,而这些天,我们有智能手机具有非常高的分辨率,使像素过滤器困难.
我的问题是,为什么所有网站都不使用CM,使响应更容易和更有功能?有没有什么会被忽略使用cm,我不知道?
编辑:我正在使用最小 – **设备** – 宽度作为媒体查询.

解决方法

我也热衷于使用物理单位进行CSS测量,因为它具有很大的意义,专门用于设计所有类型设备上长格式内容的阅读体验.
但是这种方法的问题是,1个CSS cm / in与现实世界中的1 cm / in绝对不一样.
只要尝试制作1cm宽度和高度的盒子,然后测量不同浏览器,屏幕和设备中的渲染.你可能不高兴地惊讶.

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

猜你在找的CSS相关文章