Adobe AIR是否支持css flexbox属性以及如何在我的css文件中声明它(-webkit -...?)?
AIR或任何浏览器是否支持任何css属性的列表或集合?
更新#1正如亚历克斯所说它应该有效。那我的CSS有问题吗?
.header
{
height: 50px;
background-color: grainsboro;
border-bottom: rgb(200,200,200) 1px solid;
color: rgb(45,45,45);
width: 100%;
}
#wrapper
{
background-color: whitesmoke;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-flex-grow: 1;
-webkit-align-self: stretch;
color: grey;
background-color: steelblue;
}
html, body
{
height: 100%;
margin: 0;
}
body
{
display: -webkit-flex;
-webkit-align-items: stretch;
-webkit-flex-flow: column nowrap;
background-color: green;
}
此设置至少在chrome中有效,没有任何问题。
更新#2
经过长时间的研究,我开始工作。我尝试了旧的flexbox属性(例如display:-webkit-box),现在就可以了。 https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariCSSRef/Articles/StandardCSSProperties.html#//apple_ref/doc/uid/TP30001266-SW1
是的,它应该得到支持,我不会从其他网站复制代码,只需使用官方的adobe开发者文章,他们会帮助你:
http://www.adobe.com/devnet/html5/articles/working-with-flexbox-the-new-spec.html