Als «aspect-ratio» getaggte Fragen

Ich möchte eine erstellen div, die ihre Breite / Höhe ändern kann, wenn sich die Breite des Fensters ändert. Gibt es CSS3-Regeln, nach denen sich die Höhe entsprechend der Breite ändern kann, während das Seitenverhältnis beibehalten wird ? Ich weiß, dass ich dies über JavaScript tun kann, aber ich würde …

1058 html  css  responsive-design  aspect-ratio 

Ich arbeite mit Bildern und bin auf ein Problem mit Seitenverhältnissen gestoßen. <img src="big_image.jpg" width="900" height="600" alt="" /> Wie Sie sehen können heightund widthbereits angegeben sind. Ich habe die CSS-Regel für Bilder hinzugefügt: img { max-width:500px; } Aber dafür big_image.jpgerhalte ich width=500und height=600. Wie ich Bilder so einstellen kann, dass …

577 css  image  aspect-ratio 

Overа этот вопрос есть ответы на Stapelüberlauf на русском : Сетка из адаптивных (responsiv) квадратов Ich frage mich, wie ich ein Layout mit ansprechenden Quadraten erstellen soll . Jedes Quadrat hätte vertikal und horizontal ausgerichteten Inhalt. Das spezifische Beispiel wird unten angezeigt ...

170 html  css  responsive-design  grid-layout  aspect-ratio 

Ich habe daran gearbeitet, meine benutzerdefinierte Kameraaktivität unter Android zu erstellen, aber beim Drehen der Kamera wird das Seitenverhältnis der Oberflächenansicht durcheinander gebracht. In meinem Oncreate für die Aktivität habe ich das Framelayout festgelegt, das die Oberflächenansicht enthält, in der die Parameter der Kamera angezeigt werden. //FrameLayout that will hold …

136 android  android-camera  surfaceview  preview  aspect-ratio 

Ich habe in vielen Posts gesehen, wie man die Größe des Bildes ändert, indem man das Seitenverhältnis beibehält. Diese Funktionen verwenden die Fixpunkte (Breite und Höhe) für RECT beim Ändern der Größe. In meinem Projekt muss ich die Größe der Ansicht jedoch nur anhand der Breite ändern. Die Höhe sollte …

136 iphone  objective-c  ios  aspect-ratio  fixed-width 

Ich muss eine Site zusammenstellen, die ein festes Seitenverhältnis von ungefähr 16:9Landschaft hat, wie ein Video. Ich möchte, dass es zentriert und erweitert wird, um die verfügbare Breite und Höhe zu füllen, aber niemals auf beiden Seiten größer wird. Beispielsweise: Bei einer hohen und dünnen Seite würde sich der Inhalt …

122 html  css  responsive-design  aspect-ratio 

Geschlossen. Diese Frage entspricht nicht den Richtlinien für Stapelüberlauf . Derzeit werden keine Antworten akzeptiert. Möchten Sie diese Frage verbessern? Aktualisieren Sie die Frage so dass es beim Thema für Stack - Überlauf. Geschlossen vor 2 Jahren . Verbessere diese Frage Wenn nicht, gibt es eine Liste der Bildschirmauflösungen für …

97 android  screen-resolution  aspect-ratio 

Das scheint einfach zu sein, aber ich bekomme einfach nichts. Ich möchte eine HTML-Seite erstellen, die ein einzelnes SVG-Bild enthält, das automatisch an das Browserfenster angepasst wird, ohne zu scrollen und das Seitenverhältnis beizubehalten. Zum Beispiel habe ich im Moment ein SVG-Bild von 1024 x 768; Wenn das Browser-Ansichtsfenster 1980x1000 …

94 layout  xhtml  svg  scaling  aspect-ratio 

Wenn ich das gleiche Seitenverhältnis für das 3D-Diagramm einstelle, ändert sich die Z-Achse nicht in "gleich". Also das: fig = pylab.figure() mesFig = fig.gca(projection='3d', adjustable='box') mesFig.axis('equal') mesFig.plot(xC, yC, zC, 'r.') mesFig.plot(xO, yO, zO, 'b.') pyplot.show() gibt mir folgendes: wobei offensichtlich die Einheitslänge der z-Achse nicht gleich x- und y-Einheiten ist. …

87 python  matplotlib  aspect-ratio 

Ich habe vor, es mit JavaScript zu verwenden, um ein Bild so zuzuschneiden, dass es in das gesamte Fenster passt. Bearbeiten : Ich verwende eine Komponente eines Drittanbieters, die nur das Seitenverhältnis im Format wie : 4:3, akzeptiert 16:9.

84 javascript  algorithm  crop  aspect-ratio 

Ich habe einige Bildschirme mit libGDX implementiert, die offensichtlich die Screenvom libGDX-Framework bereitgestellte Klasse verwenden würden . Die Implementierung für diese Bildschirme funktioniert jedoch nur mit vordefinierten Bildschirmgrößen. Wenn das Sprite beispielsweise für einen Bildschirm mit einer Größe von 640 x 480 (Seitenverhältnis 4: 3) gedacht war, funktioniert es bei …

81 android  opengl-es  libgdx  aspect-ratio 

Betrachten Sie die folgende Layoutdatei: <?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:app="http://schemas.android.com/apk/res-auto" xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent" android:layout_height="match_parent"> <android.support.constraint.ConstraintLayout android:id="@+id/activity_main" android:layout_width="match_parent" android:layout_height="match_parent" android:background="#FF0000" android:paddingBottom="@dimen/activity_vertical_margin" android:paddingLeft="@dimen/activity_horizontal_margin" android:paddingRight="@dimen/activity_horizontal_margin" android:paddingTop="@dimen/activity_vertical_margin"> <ImageView android:layout_width="0dp" android:layout_height="0dp" android:background="#0000FF" android:padding="16dp" app:layout_constraintBottom_toBottomOf="parent" app:layout_constraintTop_toTopOf="parent" app:layout_constraintLeft_toLeftOf="parent" app:layout_constraintDimensionRatio="H,3:1" tools:layout_editor_absoluteX="16dp" /> </android.support.constraint.ConstraintLayout> </RelativeLayout> Ich bin nicht sicher, wie die App funktioniert: layout_constraintDimensionRatio. Nach meinem Verständnis wird das …

76 android  android-layout  scale  aspect-ratio  android-constraintlayout 

Ich habe ein Flexbox-Layout mit zwei Elementen. Einer von ihnen verwendet Polsterung unten : Code-Snippet anzeigen #flexBox { border: 1px solid red; width: 50%; margin: 0 auto; padding: 1em; display: flex; flex-direction: column; } #text { border: 1px solid green; padding: .5em; } #padding { margin: 1em 0; border: 1px …

74 css  padding  flexbox  aspect-ratio 

Im folgenden Beispiel passt sich der Kreis an die Rasterbreite an und behält sein Seitenverhältnis bei. Wenn die Behälterbreite kleiner wird, schrumpfen die Kreise mit ... Wenn die Höhe jedoch kleiner als die Breite ist (zweites Feld), verkleinert sich der Kreis nicht außerhalb des Rasters. Gibt es eine Möglichkeit, ihn …

8 html  css  svg  css-grid  aspect-ratio