Die Berechnung() gibt Prozent, nicht Pixel?

-1

Dies ist mein Code:Die Berechnung() gibt Prozent, nicht Pixel?

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

ich die Breite wollen 100% sein und 30px subtrahieren. Allerdings Chromes inspect Element berechnen dies zu 70% Ich habe versucht, für dieses Problem zu suchen, aber jeder sagte, dass die Art, wie ich es schreibe, ist die Art, wie es geschrieben werden muss. Dies ist, was Chrome zurück:

width: -moz-calc(70%); --> line-through 
width: -webkit-calc(70%); --> line-through 
width: calc(70%);

Ich kann nicht herausfinden, was schief läuft.

Quelle

2016-04-30 Alexander Nicholas Klug Rasmus

Sie Pixel und Prozent Mischen, so dass die Software ist verwirrt. Es könnte eine "Undefined" Antwort zurückgegeben haben. – Sparky256

Wie soll das dann aussehen? –

Haben Sie Pre-Prozessor CSS wie weniger oder Sass verwendet, da sie bei Verwendung mit Calc() -Methode maskiert werden müssen http://stackoverflow.com/questions/17904088/disable-less-css-overwriting-calc –

Ich fand heraus! Dank Danny Pranoto war es, weil es eine andere Syntax gab, wenn Sie LESS verwenden. Vergessen zu sagen, ich benutze weniger. Tut mir leid, Leute!

Die Antwort und richtige Syntax war:

width: ~"calc(100% - 200px)";

Quelle

2016-04-30 11:18:14

Interessant ... Dieser hat das Problem behoben. Es hat für mich funktioniert. –

-1

dieses Versuchen

width: -moz-calc(~"100% - 30px"); 
width: -webkit-calc(~"100% - 30px"); 
width: calc(~"100% - 30px");

Quelle

2016-05-01 10:44:37

Die Berechnung() gibt Prozent, nicht Pixel?

Antwort

Verwandte Themen