Support » Allgemeine Fragen » Keine Bildanpassung bei 1024 x 768

  • Gelöst hallo75

    (@hallo75)


    Guten Abend,
    Vielleicht könnt Ihr mir ja weiterhelfen. Wenn ich die angegebene Seite nicht auf dem Computer oder Smartphone, sondern mit dem Tablet aufrufe, bleiben Bilder in voller Größe enthalten und schneiden so den Text (z.B. Bei der Aufteilung Column 6 Bild / Column 6 Text). Kann ich eventuell irgendwo einstellen, dass die Bilder sich automatisch der Column erlaubten Maximalgröße anpassen bzw. Diese nicht überschreiten?
    Vielen Dank schonmal:)

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)
  • Hallo @hallo75

    versuche es mal damit:

    [id^="attachment"] {
        max-width: 100%;
    }

    oder

    [id^="attachment"] {
        max-width: 100% !important;
    }

    einfügen Adminbereich => Design => Customizer => Zusätzliche CSS

    Hallo @hallo75 !

    Dein Theme (welches auch immer es ist?) scheint bez. mobiler, responsiver Anzeige nicht besonders gut zu sein.

    Zum einen sind die meisten Bilder auf der Startseite HD. mit 1920px. Diese werden bloß extrem runterskaliert, aber nur selten sind tatsächlich verkleinerte Bilder für die jeweilige Darstellungsgröße erzeugt worden. (Macht normalerweise das Theme, bzw. deren functions.php (bei meinen Themes halt))

    Da es aber ineffizient wäre, für jede denkbare Darstellungsgröße eine eigene Bildinstanz zu erzeugen, sollte es eine CSS Regel zu geben, welche die Bilder prozentual an ihre Umgebung, an die umgebenden Container anpasst. (s. Code von @la-geek – das funzt sicher!)

    ZB: https://deine-domain.de/wp-content/uploads/3D-Drucker-g%C3%BCnstig-kaufen.jpg hat 1920px Breite und wird nur vom Browser auf min. 420px runterskaliert. Dh. es gibt keine Variante des Bildes in brauchbarer Bildgröße.
    Doch wäre es per CSS zu einer prozentuale Anpassung an seine umgebenden Container gezwungen, würde es sich dennoch stufenlos skalieren.

    Wobei dieses oben erwähnte Bild bei einer Anzeigebreite unter 768px eh noch nichts zerhaut, weils da alleine steht. Darüber, so bis ca. 1200px erscheint ja eine 2. Spalte neben dem Bild und überdeckt dieses ggf. auch. (Da könnte vielleicht auch eine bessere CSS Regel helfen?)

    Sofern man selber keine oder wenig CSS Kenntnisse hat, sollte in dem Fall wenigstens ein besseres Theme her. Nach dem umstellen nicht vergessen: Die bestehenden Bilder ans neue Theme, an dessen bevorzugte Bildgrößen anpassen (geht mit „Regenerate Thumbnails“ recht schnell).

    Vielen Dank für die bisherigen Antworten.
    Bei dem Theme handelt es sich übrigens um Affiliseo. Ich habe den Code @la-geek eingefügt, auf dem Computer ist dieser auch aktiv und begrenzt die Bilder erflgreich auf 100% der Größe. Auf dem Tablet jedoch bleibt der Fehler bestehen. Ich muss mich korriegieren, gerade habe ich eine Lösung gefunden. Wenn ich die Bilder auf „vollständige Größe“ einstelle, werden diese nun auch auf dem Tablet korrekt angezeigt. Vielen Dank für Ihre Hilfe!

    Auf dem Tablet jedoch bleibt der Fehler bestehen. Ich muss mich korriegieren, gerade habe ich eine Lösung gefunden. Wenn ich die Bilder auf „vollständige Größe“ einstelle, werden diese nun auch auf dem Tablet korrekt angezeigt.

    Vielleicht hing es auch einfach nur im Cache, bei mir hatte es funktioniert 😉

Ansicht von 4 Antworten - 1 bis 4 (von insgesamt 4)