css – 在PhantomJS上展示

PhantomJS支持现代灵活吗？如果我运行此文件：

$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)
css: undefined

我也尝试了一些变体：-webkit-flex,-moz-Box-flex和-ms-flex,所有这些都产生相同的结果.奇怪的是,-webkit-Box-flex返回0而不是undefined,但这似乎是错误的.

我正在运行：

$phantomjs --version
1.9.8

解决方法

考虑到PhantomJS 1.x引擎现已超过5年.是的,不支持flexBox. Modernizr报告支持flexBoxlegacy.使用PhantomJS 2.x,你得到 support for flex.

原文地址：https://www.jb51.cc/css/214921.html