css - 为什么 css calc 函数在 Android 上的 Chrome 中不能正常工作

Question

我有以下 CSS 小片段；

ul#list li div.column {
    width: -moz-calc(40% - 12px);
    width: -o-calc(40% - 12px);
    width: -webkit-calc(40% - 12px);
    width: calc(40% - 12px);
}

这在 iPad、iPhone 和 OSX 上的 Chrome 中按预期工作，但在 Android 版 Chrome(Google Nexus 7 上的 4.2.2)上它给出的宽度太短了。我没有设置开发工具来查询设备以查看发生了什么，但这让我发疯。此浏览器是否存在已知错误？

Answer 1

我相信您已经知道，Android 不支持 calc。我发现确定是否支持某项功能的最佳资源是 caniuse.com - 在你的情况下，这应该有所帮助:http://caniuse.com/#feat=calc