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

Question

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

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。

Answer 1

px 单位的十进制值有效。

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

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

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