子像素渲染1px高度div

时间:2018-01-02 14:09:27

标签: css html-rendering

老实说,

我已经和这个问题争吵了很长时间了,它开始让我烦恼了。子像素渲染导致许多问题。例如,如果您有两个图像彼此相邻浮动,则在CSS中这些图像应该完全相邻,但是由于子像素渲染,每个图像之间存在微弱的白线。

或者那个1px高的div怎么样但是它在半透明度下呈现2个像素。

我厌倦了看起来很模糊的东西,因为像flex这样的东西就像245.5那样绝对,但如果你的浏览器变成偶数,一切看起来都很清晰。

我只是想知道是否有办法为那些没有视网膜(亚像素)屏幕的人提供亚像素渲染?模拟的方式(font-smoothing:antialiased)在文本上看起来不错,但在div上看起来很糟糕。

这有点我通常使用transform:translateY(0.5px);但它并不可靠,因为并不总能保证它会渲染子像素。

很多次,我有客户询问“图像之间的白线”和不得不做保证金:-1px;在div内部隐藏溢出来纠正它。

反正 这里有什么我想念的吗?我们有什么办法可以解决这个问题吗?

由于

0 个答案:

没有答案