Bilden Sie ein <div> -Quadrat, wenn sich die Breite basierend auf dem Prozentsatz [duplizieren] dynamisch ändert.

Diese Frage hat hier bereits eine Antwort:

Behalten Sie das Seitenverhältnis eines div mit CSS 21 answers

Ich arbeite an einer Web-App, die ein NxN-Raster basierend auf der Auswahl von N durch den Benutzer generiert. Ich möchte, dass die Gesamtbreite des Rasters relativ ist (dh 100% des verfügbaren Platzes), damit Benutzer auf verschiedenen Papieren drucken können Größen.

Ich kann die Breite der Quadrate im Raster leicht in% berechnen (dh 100% / N), aber ich habe Probleme bei der Berechnung der Höhe. Die Höhe einer Webseite wird immer unendlich sein, es sei denn, ich beschränke sie künstlich, was ich, wie gesagt, nicht tun möchte.

Wie kann ich @ machdie Quadrate in meinem Raster sind quadratisch versus rechteckig, wenn die Höhen- und Breitenbeschränkungen meines Rasters dynamisch und nicht quadratisch sind?

Antworten auf die Frage(4)

Ihre Antwort auf die Frage