Ich entwerfe eine Website, die Apps verkauft. Jede Produktseite enthält Text mit Screenshots. Ich habe Probleme, die Größe und das Verhalten der Bilder zu kontrollieren. Jeder Screenshot hat eine andere Größe und Form - einige sind groß und schmal, während andere kurz und breit sind.Wie man Inline-Bilder dimensioniert Screenshots in Produktbeschreibung
Meine Frage:
Wie ich die Größe dieser Bilder steuern bin soll? Einige sind zu 100% perfekt, andere wiederum wären zu 100% zu groß. Also, wenn ich einen Wert in der CSS setzen, wird es für Bild 1,3,6,9 ok sein, aber nicht für Bilder 2,4,6,8 (und natürlich gibt es mehr als 2 Arten von Größen ...). Ich habe versucht, max-Breite, aber das ist offensichtlich fehlgeschlagen, weil wenn ein Bild die maximale Breite überschreitet, wird es verkleinert werden, während eine andere wird nicht - das ergibt eine lustig aussehende Seite!
Soll ich in einem solchen Fall ein lokales Styling für jedes Bild erstellen?
Und wenn die Antwort ist, dass hier lokales Styling erforderlich ist, bedeutet das, dass jede Seite eigene Medienabfragen benötigt, um auch die Größe anzupassen?
Danke.
Kontrollieren Sie auch die Serverseite? Sie können die Größe nach beliebigen Regeln ändern, bevor Sie sie auf die Seite laden, wodurch der Rendercode vereinfacht wird. – Owen
gibt es keine Möglichkeit, Hintergrundbilder statt Inline zu machen? vielleicht kann ein paar handliche 'Javascript' dazu benutzt werden, inline in background zu konvertieren ... mit ihnen als Hintergrundbildern kannst du' background-size: contain' in deinem CSS verwenden, um sie perfekt anzupassen – haxxxton
@Owen, ich habe irgendwie die Kontrolle, aber ich bin nicht im serverseitigen Code versiert. – DaveyD