Woher wissen wir, wie viele Pixel in width:100% und width:100vw?CSS vw und Prozentwert in Pixelwert konvertieren
Situation
body{
width:100%;
}
.container{
width:1000px;
}
Wie kann ich genauen Wert bekommen?
balanceWidth = bodywidth - containerwidth
Ich weiß, über CSS calc width: calc(100% - 1000px);, ich brauche genauen Pixelwert
Dazu erhalten:
balanceWidth = bodywidth - containerwidth
Sie calc Methode verwenden können:
width: calc(100% - 1000px);
Wenn Sie ein 1000px breites Element haben, nehmen Sie den Prozentsatz an Alter breit ist 100% und 1% können Sie berechnen, unter 1000px durch 100 dividiert
Ich verstehe nicht – ShibinRagh
Von Ihrem bearbeiten, benötigen Sie Skriptsprache wie jquery . –
Angenommen, Sie Behälterbreite ist 1000px und Sie CSS-vw-Wert 10vw es 10% Ihrer Behälterbreite bedeutet, es ist sehr ähnlich mit 10% .
Also Beispiel 10vw bedeutet 10%.
Sie der Lage sein, nicht zu wissen, wie viele Pixel ein Prozentwert in CSS sind. Sie müssen Javascript oder einige Javascript-Bibliotheken wie jQuery verwenden –
Die Frage, die ich frage, ist ** warum benötigen Sie den genauen Pixelwert? ** Entweder wollen Sie Prozentsatz/Viewport-Reaktionszeit oder Sie nicht. –
Verwenden Sie Sass oder LESS? Sie müssen das eine oder andere auswählen, sonst könnte Ihre Frage möglicherweise als eine Software-Anfrage interpretiert werden (zB welche Sprache unterstützt X?) – cimmanon