爲什麼在Android上的Chrome中不能正常運行css calc函數

我有以下的CSS小代碼片段;爲什麼在Android上的Chrome中不能正常運行css calc函數

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

這將按預期在Chrome上的iPad，iPhone和OSX但Android版Chrome（4.2.2上的谷歌Nexus 7），這是給的寬度太短。我沒有設置開發工具來查詢設備，看看發生了什麼，但這使我瘋了。這個瀏覽器有一個已知的錯誤嗎？

來源

2013-07-22 brad

哪個瀏覽器版本？請參閱[** this **]（http://caniuse.com/calc） – leoMestizo

我不知道如何判斷。我以前從未使用過Android設備，並且無法在Chrome中看到任何版本信息。 – brad

我想建議您將手機設置爲使用Chrome調試工具。您可以將手機掛接到計算機，並使用Chrome提供的完整開發人員工具。這也很容易安裝。 – Jasper

由於我確定您已經知道，calc在Android上不受支持。我發現確定某個功能是否受支持的最佳資源是- 對您而言，這應該有所幫助：http://caniuse.com/#feat=calc

來源

2013-10-27 00:26:25 Stephen

實際上，它在Android版Chrome上受支持，而不是當時我使用的版本。最近我的Nexus 7上的Chrome版本現在工作得很好。 – brad

爲什麼在Android上的Chrome中不能正常運行css calc函數

回答

相關問題