与浏览器差异

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

属性 差异
box-sizing box-sizing 只支持 border-box,Web 上未设定此属性值时,盒模型的尺寸会有差异
display 1. 仅支持 block, inline-block, flex, inline-flex, inline, none
2. display 为 inline-block 类型时,element 之间无默认的间距
z-index 未支持 stacking context,不支持跨层级 z-index 排序
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() 暂不支持