css - 屏幕如何显示小数点像素值?

标签 css rendering screen

设置此样式时屏幕上会发生什么情况?

styled-element {
  margin-top: 7.5px;
  margin-bottom: 7px;
}

缺失的 0.5px 会怎样?如果屏幕没有以某种方式缩放,怎么可能显示小于 1 像素?

如果您的分辨率为 1920x1080,不是宽度为 1920 像素,高度为 1080 像素吗?

我不需要知道科学上正确的答案,我只是想知道是否

styled-element-2 {
  margin-top: 7.5px;
  margin-bottom: 7.5px;
}

确实在顶部和底部显示了 7.5px,或者如果它确实以某种方式缩小/扩展了 1px 之间的内容,同时从整体边距中添加/删除了 1px。

最佳答案

px 单位的十进制值有效。

  • 如果您应用 7.5px,它将是 7px + 0.5px

  • 另外,如果您应用 7.4px,那么它将只有 7px

  • 如果您应用 7.6px,那么它将是 8px 小于 5 将转到最近的最低值,大于 5 将转到最近的上限值

关于css - 屏幕如何显示小数点像素值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41185521/

相关文章:

android - 如何解决 Android Studio 4.2 渲染问题?

javascript - 当 DOM 元素在屏幕外呈现时,浏览器会执行哪些优化?

javascript - 不使用 'table'创建动态html表

html - 如何将 div 与表单域对齐?

jquery - CSS 过渡和转换

css - XP 上的 IE7 呈现媒体 ="print"样式表

css - 如何保存包含所有媒体的公共(public) html 页面并保留结构

javascript - SmoothScroll 导航不适用于 bootstrap 4

geometry - 透视投影: Proving that 1/z is Linear?

ios - SpriteKit - 获取缩放场景中可见区域的实际大小/帧 .AspectFill