css – 在PhantomJS上展示

前端之家收集整理的这篇文章主要介绍了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.

猜你在找的CSS相关文章