Wie kann das Seitenverhältnis eines Rechtecks beibehalten werden, wenn der Benutzer die Größe des Browsers ändert?

Question

Ich verwende ein Rechteck mit einer Füllung aus einem Video oder einem Bildpinsel. Wenn der Benutzer die Größe des Browsers ändert, ändert sich die Größe des Rechtecks, was in Ordnung ist, außer dass es sein Seitenverhältnis von 4:3 beibehalten muss. Wie kann ich das Seitenverhältnis konstant halten?

Answer 1

Haben Sie versucht, die Fülleigenschaft des Video-/Bildpinsels selbst anzupassen? Es gibt verschiedene Optionen, und ich bin sicher, einer von ihnen wird das Seitenverhältnis beibehalten.

Answer 2

Bild y MediaElement haben beide Dehnungseigenschaften, die es ihnen ermöglichen, ihr Seitenverhältnis beizubehalten. Möglicherweise müssen Sie Ihr Steuerelement ändern, um diese anstelle der Pinsel zu verwenden.

Answer 3

Sie könnten Ihr Rechteck innerhalb einer Viewbox . Es behält das Seitenverhältnis seines untergeordneten Steuerelements bei, skaliert es aber, damit es passt.