Как добавить поддержку webkit для вычисления?

Question

Я могу видеть, что calc более совместим при использовании webkit. Обычно, когда вы добавляете поддержку WebKit или Мос вы делаете что-то вроде:

-webkit-font-smoothing: antialiased; 
-webkit-text-size-adjust: 100%; 

Что такое правильный синтаксис для известково?

width: -webkit-calc(100% - 100px); 

Answer 1

правильный синтаксис для известково является

/* Firefox */ 
width: -moz-calc(100% - 100px); 
/* WebKit */ 
width: -webkit-calc(100% - 100px); 
/* Opera */ 
width: -o-calc(100% - 100px); 
/* Standard */ 
width: calc(100% - 100px) 

Answer 2

По крайней мере, вы должны поддерживать Safari 6, Chrome 25 или FF 15 вам просто нужно написать width: calc(100% - 100px)

// Firefox 4 to 15 
width: -moz-calc(100% - 100px); 

// Chrome 19 to 25 
// Safari 6 
width: -webkit-calc(100% - 100px); 

// Standard 
width: calc(100% - 100px) 

// Note: Never existed a Opera prefix for calc 

Обратите внимание, что никогда не существовал префикс Opera -o-calc, так как calc был введен в Opera, он всегда использовал только calc. Вы можете проверить поддержку меток в caniuse.

Я предлагаю вам, если у вас возникнут сомнения в отношении префиксов поставщиков, вы должны проверить, если это необходимо. Например, для Opera не существовало -o-calc(100% - 100px). Или, может быть, вам просто не нужен префикс поставщика, потому что вы больше не поддерживаете старую версию конкретного браузера. Например, вам, вероятно, не нужно поддерживать FF 15, если это так, вы не должны использовать width: -moz-calc(100% - 100px).