Halten Sie das Bild -Seitenverhältnis auf skaliertem Bild mit Sphinx/umstrukturierter TextCSS

CSS verstehen
Anonymous
 Halten Sie das Bild -Seitenverhältnis auf skaliertem Bild mit Sphinx/umstrukturierter Text

Post by Anonymous »

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>

Quick Reply

Change Text Case: 
   
  • Similar Topics
    Replies
    Views
    Last post