各浏览器对小数处理取整的情况对比【IE、chrome、firefox、safari】
2013-03-05 16:36
716 查看
今天终于遇到这个浏览器下对小数处理不同的问题了,经过我的测试,得出的结论如下:
1、四舍五入的浏览器:IE8、IE9、Chrome、Firefox
2、直接取整的浏览器:IE7、Safari
测试代码:
让我有点不解的是IE的各个版本间的解析居然不一致,还有就是Chrome和Safari用的同一内核,居然对这个小数问题的解析不一致。
避免此类问题发生的办法就是将计算出来的宽度、left等值转化成整数再进行赋值操作。如果不取整,特别是遇到Table的情况,显示的结果就不一样了,因为每个浏览器对Table的处理还有区别,我就碰到一次IE和Chrome不一样的情况。
1、四舍五入的浏览器:IE8、IE9、Chrome、Firefox
2、直接取整的浏览器:IE7、Safari
测试代码:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title></title> <style type="text/css"> .class1 { width:10.1px; height:6px; border:0px; background-color:Black; } </style> </head> <body> <form id="form1" runat="server"> <div class="class1"> </div> </form> </body> </html>
让我有点不解的是IE的各个版本间的解析居然不一致,还有就是Chrome和Safari用的同一内核,居然对这个小数问题的解析不一致。
避免此类问题发生的办法就是将计算出来的宽度、left等值转化成整数再进行赋值操作。如果不取整,特别是遇到Table的情况,显示的结果就不一样了,因为每个浏览器对Table的处理还有区别,我就碰到一次IE和Chrome不一样的情况。
相关文章推荐
- js + php 读取、播放视频流 兼容firefox,chrome,ie,mac的safari,ios的safari,ios的微信浏览器(curl读取文件流篇) 分类: php javascript 浏览器兼容 safari 视频流 jwplayer6
- jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
- [乐意黎原创] JS根据浏览器的useAgent来判断edge, ie, firefox, chrome, opera, safari 等浏览器的类型
- jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
- [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器
- 浏览器之争:Chrome、Firefox、IE、Opera、Safari
- jQuery一步一步实现跨浏览器的可编辑表格,支持IE、Firefox、Safari、Chrome、Opera
- [转]JS根据useAgent来判断edge, ie, firefox, chrome, opera, safari 等浏览器的类型及版本
- JS复制内容到剪贴板: 兼容IE、Firefox、Chrome、Safari所有浏览器【转】
- JS判断浏览器类型的方法总结(IE firefox chrome opera safari)
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--01
- (轉)js判断浏览器(支持区分ie、firefox、opera、chrome、safari)
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--02
- 支持所有浏览器的复制文本到剪切板的ASP代码(IE/Firefox/Opera/netscape/chrome/safari)
- 多图片上传+图片预览,兼容所有浏览器 IE5/IE6/IE7/IE8/IE9/Chrome/Safari/Firefox/Opera/
- css中@media写法在ie 、firefox、Opera、Chrome、Safari 浏览器中的支持
- ie,firefox,opera,chrome,safari js 判断五大主流浏览器
- WEB前端:浏览器(IE+Chrome+Firefox)常见兼容问题处理--03
- [完美]原生JS获取浏览器版本判断--支持Edge,IE,Chrome,Firefox,Opera,Safari,以及各种使用Chrome和IE混合内核的浏览器
- 目前Lodop支持IE系列、IE内核系列(遨游、360、世界之窗、腾讯TT、搜狗等)浏览器,以及Firefox(火狐)系列、Chrome(谷歌)系列、Opera系列、Safari系列等Windows下