Css 指定字体大小时的小数精度是否受到所有浏览器的尊重?
如果我使用以下CSS:Css 指定字体大小时的小数精度是否受到所有浏览器的尊重?,css,cross-browser,font-size,Css,Cross Browser,Font Size,如果我使用以下CSS: p { font-size: 20.5px; } 是所有浏览器都将其绘制为20.5px,还是将一些值四舍五入?并非所有浏览器都将小数四舍五入。我能找到的最好的帖子是: 其中包含一个表,显示以下内容: Internet Explorer 7 truncate to 2 decimal places Internet Explorer 8 truncate to 2 decimal places Internet Explorer 9 truncate to 2 d
p {
font-size: 20.5px;
}
是所有浏览器都将其绘制为
20.5px
,还是将一些值四舍五入?并非所有浏览器都将小数四舍五入。我能找到的最好的帖子是:
其中包含一个表,显示以下内容:
Internet Explorer 7 truncate to 2 decimal places
Internet Explorer 8 truncate to 2 decimal places
Internet Explorer 9 truncate to 2 decimal places
Internet Explorer 10 truncate to 2 decimal places
Internet Explorer 11 truncate to 2 decimal places
Firefox 3.0 truncate to 3 decimal places
Firefox 3.5 truncate to 3 decimal places
Firefox 31 truncate to 3 decimal places
Chrome 20 round to 15 decimal places
Chrome 21 round to 15 decimal places
Chrome 37 round to 13 decimal places
Safari 6 (OSX Lion) round to 15 decimal places
Safari 6.1 (OSX Mountain Lion) round to 15 decimal places
Safari 7 (OSX Mavericks) round to 15 decimal places
Mobile Safari 7 (iOS7) round to 15 decimal places
Mobile Safari 8 (iOS8) round to 15 decimal places
Chrome 36 (Jelly Bean) [Nexus5] round to 15 decimal places
Chrome 30 (KitKat) [S5] round to 15 decimal places
Android Browser 4 (Jelly Bean) [Nexus7,Nexus4,S4,S3] round to 15 decimal places
Android Browser 4 (Ice Cream Sandwich) [Nexus,KindleFire2] round to 15 decimal places
Android Browser 4 (Gingerbread) [S2] truncate to 3 decimal places
Opera 12 truncate to 2 decimal places
Opera Next 24 round to 13 decimal places
所有最新版本的浏览器都允许亚像素渲染*。请参阅和的表格 较旧的浏览器大多将像素向下舍入。最值得注意的例外是IE8和IE9,它们四舍五入到最接近的整数(IE7也进行四舍五入,IE10和IE9使用亚像素渲染)
*如果以百分比定义大小,则以像素为单位的值可能与直接以像素为单位定义大小时的值不同。这是否回答了您的问题?将复制的数据定义为百分比后,将应用于渲染。直接在
px
中定义时不适用。您引用的页面不涉及字体大小。您引用的页面不涉及字体大小。亚像素渲染与字体大小无关。它能够使用单个(通常为红色、绿色和蓝色)子像素,并在显示器上增加一个像素,以更好地渲染文本。