css - PhantomJS 忽略 vw 中的字体大小

标签 css phantomjs viewport-units

我想用 PhantomJS 渲染一个页面,字体大小应该是 VW,因为我想以不同的大小显示相同的页面。

不幸的是,无论我尝试什么,Phantomjs 都会忽略这些单位的字体大小。

ViewportSize 在 JS 中设置,也可以在带有元标记的 HTML 中设置。

PhantomJS 版本 1.9.7; win,linux,同样的结果。

最佳答案

当您查看 Viewport units: vw, vh, vmin, vmax at caniuse.com 时,您会看到 Chrome 中对这些单元的最早支持是版本 20。据说 PhantomJS (1.9.7) 在功能上与 Chrome 13 相同。所以不,它只是没有实现。

您可能想查看 polyfill .在 evaluate 中执行 onInitializedonLoadFinished

如果这对您没有帮助,您可能需要将 PhantomJS 换成 SlimerJS .它具有相同的 API,但使用同样支持 Firefox 的 Gecko 引擎。它仅与 xvfb-run 结合使用时是 headless 的.

关于css - PhantomJS 忽略 vw 中的字体大小,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24898505/

相关文章:

javascript - PhantomJS 不编译带有类定义的 JavaScript 脚本

javascript - casperjs 无法识别存储在 then 语句之间的全局变量

html - Div 不会触及屏幕的边缘

html - fieldset 中的两个图例

jenkins - 如何在 Jenkins 中使用 PhantomJS 插件?

javascript - 使用 javascript 调整所有 div 大小以克服浏览器对 vh、vm 和 css calc 的支持

css - 使用大众单位的文本不起作用

css - 使用 vh 和 vw 为网站上的每个元素应用填充、边距、宽度和高度是一个好习惯吗

javascript - 如何在 Ionic 应用程序中删除此空间

html - 当我用 css3 单击 asp 按钮时,我想显示 div 结果