html - 为什么 CSS 中的绝对单位在不同的屏幕上显示的不是真正的绝对单位?

标签 html css web responsive-design screen

The so-called absolute units (cm, mm, in, pt and pc) mean the same in CSS as everywhere else, but only if your output device has a high enough resolution.

source: W3C

当我将前面的代码放入我的元素中时,我希望到处都能看到 1 厘米......

.myColumn{
   width: 1cm;
}

W3C 表示对于低分辨率屏幕,大小写不一样。

为什么?

为什么他们不能正确生产1cm

在手机、平板电脑和...中,唯一的屏幕单位是像素

最佳答案

CSS units don't necessarily equate to exact dimensions .最后,屏幕上显示的每个 CSS 度量值最终都以像素为单位进行计算。

CSS 假定屏幕具有 96 dpi,因此使用 in、pt 和 pc 通常是安全的,尽管不同的显示器分辨率或用户定义的缩放可能会影响您的结果。

但公制单位是另一回事,因为没有精确的像素计算,因此浏览器会四舍五入以提供接近指定测量值的结果。这是 W3C only recommends px, %, or em units 的原因之一。针对屏幕的布局。

关于html - 为什么 CSS 中的绝对单位在不同的屏幕上显示的不是真正的绝对单位?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42046973/

相关文章:

javascript - Datepicker 日期格式返回分钟而不是月份

html - Mozilla firefox 表列拆分不起作用

html - Bootstrap : Add Glyphicon inside input box

javascript - 如何防止 Chrome 阻止 XLSX 下载?

javascript - 这个奇怪的符号在 JavaScript 中意味着什么?

javascript - IAB HTML5 CSS3 横幅转换规范

jquery - 当我的页面顶部出现弹出窗口时,然后使用滚动键,页面滚动,但弹出窗口不滚动

css - 在切换的导航栏中将 btn 颜色设置为 btn-info

css - 尝试清除在 IE6 中具有固定高度的 div 的 float 时的问题

python - 我可以在 View 函数内的函数中返回响应吗?