by Anonymous » 15 Feb 2025, 11:13
Ich habe eine Dokumentation mit Sphinx erstellt, und ich möchte, dass sich meine skalierten Bilder (Abbildungen) genauso verhalten wie ungezogene Figuren. Zum Beispiel eine Zahl, die als < /p>
deklariert wurde
Code: Select all
.. figure:: images/manual_exposure1.png
< /code>
wird in Firefox als links ausgerichtetes Bild mit einem gesperrten Seitenverhältnis angezeigt. Größen Sie die Größe der Webseite/Anzeige auf mobilen Arbeiten, wie ich es erwartet (das Bild ist mit dem verfügbaren Platz in einem gesperrten Seitenverhältnis verkleinert). Wenn ich das gleiche Bild aufnehme und einen Skalierungsfaktor hinzufüge: < /p>
.. figure:: images/manual_exposure1.png
:scale: 50%
< /code>
Das Verhalten ändert sich so, dass das Bild "gequetscht" wird, wenn die Webseite auf bestimmte Punkte geändert wird. (Es wird anfangen, horizontal zu quetschen, während es seine Höhe aufrechterhält.) Mit einem maximalen Width
, aber dieses Verhalten entspricht nicht dem Verhalten der: scale . Beispielsweise skaliert der folgende Versuch die Bilder, sperrt sie jedoch auch auf 50 % der Seitenbreite, wobei die: Skala D -Version stattdessen eine maximale Größe wächst und dann weniger % der Seitenbreite werden kann. < /p>
.. raw:: html
img.custom-class {
max-width: 60%;
height: auto;
align: left;
}
< /code>
Wie ist der beste Weg, um das nicht skalierte Verhalten auf den skalierten Bildern zu erhalten? Sollte ich nur die Bilder selbst neu skalieren oder kann ich es mit Sphinx/dem richtigen CSS tun? />
< /p>
Ich habe eine Dokumentation mit Sphinx erstellt, und ich möchte, dass sich meine skalierten Bilder (Abbildungen) genauso verhalten wie ungezogene Figuren. Zum Beispiel eine Zahl, die als < /p>
deklariert wurde[code].. figure:: images/manual_exposure1.png
< /code>
wird in Firefox als links ausgerichtetes Bild mit einem gesperrten Seitenverhältnis angezeigt. Größen Sie die Größe der Webseite/Anzeige auf mobilen Arbeiten, wie ich es erwartet (das Bild ist mit dem verfügbaren Platz in einem gesperrten Seitenverhältnis verkleinert). Wenn ich das gleiche Bild aufnehme und einen Skalierungsfaktor hinzufüge: < /p>
.. figure:: images/manual_exposure1.png
:scale: 50%
< /code>
Das Verhalten ändert sich so, dass das Bild "gequetscht" wird, wenn die Webseite auf bestimmte Punkte geändert wird. (Es wird anfangen, horizontal zu quetschen, während es seine Höhe aufrechterhält.) Mit einem maximalen Width [/code], aber dieses Verhalten entspricht nicht dem Verhalten der: scale . Beispielsweise skaliert der folgende Versuch die Bilder, sperrt sie jedoch auch auf 50 % der Seitenbreite, wobei die: Skala D -Version stattdessen eine maximale Größe wächst und dann weniger % der Seitenbreite werden kann. < /p>
.. raw:: html
img.custom-class {
max-width: 60%;
height: auto;
align: left;
}
< /code>
Wie ist der beste Weg, um das nicht skalierte Verhalten auf den skalierten Bildern zu erhalten? Sollte ich nur die Bilder selbst neu skalieren oder kann ich es mit Sphinx/dem richtigen CSS tun? />
< /p>
Mobile version