Können wir die Breite des Ansichtsfensters ohne Bildlaufleisten in CSS berechnen?

Berechnung der Ansichtsfensterbreite ohne Bildlaufleisten in CSS

Frage: Können wir die Ansichtsfensterbreite (vw) ohne Bildlaufleisten ausschließlich mit CSS bestimmen?

Antwort: Ja, es ist möglich, den VW ohne Berücksichtigung zu berechnen Bildlaufleisten mit CSS. Eine Methode verwendet die Funktion calc(), um die Breite der Bildlaufleiste von der Breite des Ansichtsfensters zu subtrahieren.

<code class="css">body {
  width: calc(100vw - (100vw - 100%));
}</code>

In diesem Code stellt 100vw die volle Breite des Ansichtsfensters und 100 % die Breite des Ansichtsfensters ohne Bildlaufleisten dar. Der Term (100vw – 100 %) berechnet effektiv die Breite der Bildlaufleiste, die dann von 100vw abgezogen wird.

Zusätzlicher Hinweis: Diese Technik kann auch zur Berechnung der Höhe eines Quadrats angewendet werden nimmt die Hälfte der Breite des Ansichtsfensters ein, ohne die Breite der Bildlaufleiste.

<code class="css">.box {
  width: calc(50vw - ((100vw - 100%)/2));
  height: 0;
  padding-bottom: calc(50vw - ((100vw - 100%)/2));
}  </code>

Das obige ist der detaillierte Inhalt vonKönnen wir die Breite des Ansichtsfensters ohne Bildlaufleisten in CSS berechnen?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!