时间:2021-05-18
因为屏幕能显示的最小单位是1px,对于像773*50%=386.5这样带数字的长度必须有所取舍。
测试页面,一些浏览器的截图标宽度也在里面
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,由于忽略掉的小数不一样,分配的原则也不一样,找不到相关资料,以下是我的猜想,三个元素的,按四舍五入的方式分配,四舍的优先分配给两边,五入的优先分配给前边两个,对于分配给三个元素以上的,多出部分自由分配,我找不到规律,但第一个一定会分配到。
FF还有一些奇怪的地方。Firefix测试页面。1024宽度不会自动分配,也许是因为外层也是带小数的,导致1px没分配,接着测试Firefox
Opera&Safari2:计算时忽略百分比的小数部分,计算后的值忽略小数部分,如果里面的元素大于计算后的宽度不会导致后面的元素换行。
Netscape&Mozilla:计算后忽略小数,多出部分有点类似Firefox,但多出部分是比透明显示,而且比较奇怪,比如33.33%*3=99.99% 小于100%,但却大于100%,奇怪的浏览器,还好使用的人不多,不用过于在意这两个浏览器。
测试没完成,有兴趣的朋友帮忙测试,单独的测试页,有知道原因的朋友讲一下下
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
主要属性:效果图:ml:百分比是30,并在进度条右侧显示百分比百分比是40,进度条线的宽度12px百分比是60,进度条颜色:pink百分比是80,进度条从左往右
小米mix2s怎么设置电量百分比显示?小米mix2s怎么查看电量百分比?开启电量百分比显示可以更加直观的了解电池电量,那么小米mix2s怎么显示电量百分比呢?小
魅族16怎么设置电池百分比显示?开启电量百分比显示可以更加直观的了解电池电量,那么魅族16怎么显示电量百分比模式呢?下面小编教大家具体设置教程。魅族16电量百分
苹果iPhone6如何设置电池百分比显示,iPhone6设置电池百分比显示流程。设置之后更加清楚自己的电量。工具/原料iPhone6设置电池百分比显示iPhon
手机的电池百分比可以让我们更直观清楚地知道自己的手机电量情况,安卓手机都可以设置电量百分比显示。那么iphone12怎么设置电池百分比?iphone12电量百分