【问题标题】:How do screens display decimal point pixel values?屏幕如何显示小数点像素值?
【发布时间】:2016-12-16 13:28:22
【问题描述】:

当我设置此样式时,屏幕上会发生什么?

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

丢失的 0.5px 会发生什么?如果屏幕不以某种方式缩放,怎么可能显示不到 1px?

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

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

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

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

【问题讨论】:

    标签: css rendering screen


    【解决方案1】:

    以 px 为单位的十进制值有效。

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

    • 如果你应用 7.4px 那么它将只有 7px

    • 如果你应用 7.6px 那么它将是 8px 小于 5 将进入最近的最低值,大于 5 将进入最近的最高值

    【讨论】:

    • 真正的问题是,你能渲染半个像素吗?
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多