css - PhantomJS 上的 Flex

Question

PhantomJS 是否支持现代 flex？如果我运行这个文件:

$ cat x.js
var $ = require('jquery');
$('<div/>', {id: 'x'}).appendTo($('body'));
var x = $('#x');
x.css('color', 'red');
console.log('color: ' + x.css('color'));
x.css('flex', '0 0 0px');
console.log('css: ' + x.css('flex'));

可以看到 .css() 对颜色工作正常但对 flex 不行。

$ phantomjs x.js
color: rgb(255, 0, 0)
css: undefined

我还尝试了一些变体:-webkit-flex、-moz-box-flex 和 -ms-flex ，所有这些都会产生相同的结果。奇怪的是，-webkit-box-flex 返回 0 而不是 undefined，但这似乎是错误的。

我正在运行:

$ phantomjs --version
1.9.8

Answer 1

考虑到 PhantomJS 1.x 引擎现在已有 5 年多的历史了。是的，不支持 flexbox。 Modernizr 报告说支持 flexboxlegacy。使用 PhantomJS 2.x 你会得到 support for flex .