在做CSS设计的过程中,我一直想知道一些事情.
css宽度中的小数位是否受到尊重？或者他们四舍五入？
.percentage
{
width: 49.5%;
}
要么
.pixel
{
width: 122.5px;
}
较少CSS = http://lesscss.org/
我声明了一个变量,就像这样...... @height: 30px
然后我用了一个简单的计算,就像这样...... line-height: @height * .666
它返回19.98px但我想要一个偶数20px
那么,LESS CSS是否有办法向上或向下舍入数字？
我有一行内联块元素都具有自动宽度,因此它们绘制的宽度与每个元素中的变化文本内容一样宽,加上一些填充.这导致每个元素的实际宽度具有分数像素.
这样会很好,但是每个元素都包含一个图标字体,当未与像素网格对齐时,它对绘制非常敏感,如果字形的原点不是整数像素值,则它的子像素渲染看起来很难看并且模糊.
如何在防止小数像素值的同时保持这些元素的宽度动态？例如,当我希望它被舍入到61px时,其中一个元素的宽度为60.183px.Sass可以做ciel(),这将是完美的,但似乎没有办法将它应用于自动值.
或者,有没有什么办法可以确保图标字形的原点是一个完整的整数像素而不会使容器宽度变圆？
由于这些元素的使用方式,我想避免使用JS进行此操作并找到仅CSS/SASS解决方案.