与浏览器差异

Kraken 在 CSS 标准上与浏览器有如下差异:

属性差异
box-sizingbox-sizing 只支持 border-box,Web 上未设定此属性值时,盒模型的尺寸会有差异
display1. 仅支持 block, inline-block, flex, inline-flex, inline, none
2. display 为 inline-block 类型时,element 之间无默认的间距
margin流式布局中不支持 margin collapse 效果,与浏览器表现有差异
z-index未支持 stacking context,不支持跨层级 z-index 排序与浏览器差异 - 图1
order(Flexbox)未支持利用 order 对 flex item 进行排序
文本空格文本空格在某些布局下与浏览器表现不一致
text-align暂不支持 justify-all, match-parent
line-break文本换行不支持
gradient某些渐变效果与浏览器表现不一致,如 radius-gradient, repeating-radial-gradient
border-style仅支持 solid
vertical-align不支持 middle
align-items未支持 first baseline, last baseline
align-content不支持 baseline, first baseline, last baseline
mask暂不支持
border-image暂不支持
text-indent暂不支持
animation暂不支持
CSS Variable暂不支持
iconfont暂不支持
calc()暂不支持
单位不支持 rem/em