设为首页
收藏本站
最新电影
您现在的位置: 首页=>网站结构化 订阅本栏目  
百分比的细节——容器大小篇
时间: 2007-09-27 09:48:25 阅读次数:2826


因为屏幕能显示的最小单位是1px,对于像773*50%=386.5这样带数字的长度必须有所取舍飞飞Asp技术乐园
  测试页面,一些浏览器的截图标宽度也在里面

  IE:按四舍五入的方式计算

  Firefox:计算后的值忽略小数部分,但会把多出的长度分配给里面的各元素 如果只多出1px,比如2*386=772,剩下的1px会到其中一个元素,优先分配第一个元素,像773px分配给两个50%时得到的是:387px和386px,分配给四个25%时得到的是:194px、193px、193px和193px; 而对于多出几个px,如773*33.3%=257.409,773*33.33%=257.6409,由于忽略掉的小数不一样,分配的原则也不一样,找不到相关资料,以下是我的猜想,三个元素的,按四舍五入的方式分配,四舍的优先分配给两边,五入的优先分配给前边两个,对于分配给三个元素以上的,多出部分自由分配,我找不到规律,但第一个一定会分配到飞飞As!p技术乐园

  FF还有一些奇怪的地方Firefix测试页面1024宽度不会自动分配,也许是因为外层也是带小数的,导致1px没分配,接着测试Firefox

  Opera & Safari2:计算时忽略百分比的小数部分,计算后的值忽略小数部分,如果里面的元素大于计算后的宽度不会导致后面的元素换行

  Netscape & Mozilla:计算后忽略小数,多出部分有点类似Firefox,但多出部分是比透明显示,而且比较奇怪,比如33.33%*3=99.99% 小于100%,但却大于100%,奇怪的浏览器,还好使用的人不多,不用过于在意这两个浏览器

  测试没完成,有兴趣的朋友帮忙测试,单独的测试页,有知道原因的朋友讲一下





站内搜索    

下一篇Unicode 与 ASCII 和 ISO 的 区别 兼容性

上一篇文本格式ANSI,Unicode等有什么区别

本栏目最新 栏目最新列表
表单项INPUT、SELECT等垂直对齐的方法
表单的multipart/form-data和application/x
应用标准后超链接访问过后hover样式失效的原
CSS浏览器兼容问题整理(IE6.0、IE7.0 与 Fi
不同浏览器CSS的hack ,IE6,FF,IE7
网站优化策划 栏目最新列表
增加网站外链的快速方法
网站上线前必做的30个检查
新的友情链接参考标准(没有google的PR情况
优化Google的AdSense广告的五个工具
王通讲SEO八大基础
站点最新 站点最新列表
微博推广的一些技巧
xhEditor v1.1.7 发布,
收集的一些轻量级非常实
50个新鲜兼容最新版本的
javascript中cookie的设
Excel中出现#VALUE!、#D
jquery插件:飞飞表情插件
十个使用HTML5开发的精彩
支持HTML5的浏览器有哪些
飞妮莫属:漫画:如何写出
历史最热10条信息  
MIME介绍 及 [1] [2] [3]
巧用Google和迅雷来下载
Transact SQL 常 [1] [2]
VIA Rhine II Fast Ethe
电脑常用端 [1] [2] [3]
Do you get a kick out
十道羊皮卷 欣赏+mp3版+
每日一句:A friend and
每日一句:Theres no tu
经典__悟透JavaScript
相关文章
百分比的细节——容
使得网站转化率提高
 
 width= 
伟哥博客 西安房产 123最新电影 三四六四