Heute habe ich einen neuen Artikel veröffentlicht, und das Bild im Vorschaubereich hat einen Überlauf-Rahmen.
Beim Anzeigen des veröffentlichten Artikels ist das Bild teilweise überlaufen und versteckt.
Frühere Artikel sind von diesem Problem nicht betroffen. Handelt es sich hierbei um einen Fehler, und wie kann er behoben werden?
Link: https://babyforex.net/t/xu-huong-thi-truong-forex-21-08-2019-gold-xau-usd-gbp-usd-aud-usd/169
Mal sehen, das ist ein 1700 × 480 Bild:
Sieht in Ordnung aus. Haben Sie auf Ihrer Website das CSS überschrieben und stört das? Ich kann bei einem breiten Bild kein Problem nachvollziehen.
Ich habe auch geklickt und sehe auf Ihrer Website bei diesem Thema ebenfalls kein Problem. Alle Bilder sehen gut aus und sind nicht künstlich zugeschnitten.
Beachten Sie, dass verschachtelte Zitate (oder einfach nur Zitate) die Breite des Beitrags einschränken, sodass Sie in diesen Fällen Unregelmäßigkeiten beobachten können.
So ähnlich, stellen Sie sich vor, das wäre ein Bild
Ich konnte kein Problem finden. Und ich muss das CSS im Admin-Bereich überschreiben, um dies zu beheben.
Ich kann das Problem problemlos reproduzieren, daher bin ich mir nicht sicher, worauf Sie sich beziehen. Siehe den Beitrag oben mit dem breiten Bild.
Ich habe ein Video mit folgenden Details aufgenommen: https://www.youtube.com/watch?v=3uRjtTzXj7o
Das Video hilft nicht. Versuchen Sie, das Problem hier auf Meta nachzustellen. Fügen Sie Ihrer nächsten Antwort ein breites Bild hinzu.
Ich sehe oben bei den Bildern kein Problem.
Das bedeutet, dass mein Forum ein Problem hat. Aber ich habe kein Problem gefunden. Ich habe versucht, alle Plugins und Theme-Komponenten zu entfernen, konnte diesen Fehler jedoch nicht beheben.
Jetzt muss ich diesen CSS-Code in das benutzerdefinierte CSS einfügen, um das Problem zu beheben:
.d-editor-preview .image-wrapper img, .lightbox-wrapper img, .cooked img.d-lazyload {
width: 100%;
height: auto;
}
Ich habe versucht, das CSS meiner Seite mit dem von Discourse zu vergleichen.
Auf meiner Seite:
#reply-control .d-editor-preview img:not(.thumbnail), .cooked img:not(.thumbnail) {
max-width: 1200px;
max-height: 628px;
}
HTML:
<img src="https://babyforex.net/uploads/default/original/1X/10670fd0bf4b34154ae4447feff1fc93f5eaed7e.jpeg" alt="h%C3%ACnh%20%E1%BA%A3nh" data-base62-sha1="2l6rNxc3PYiacNMqRTIM4GcaAjA" width="1200" height="526" class="d-lazyload">
In Discourse:
#reply-control .d-editor-preview img:not(.thumbnail), .cooked img:not(.thumbnail) {
max-width: 690px;
max-height: 500px;
HTML:
<img src="https://d11a6trkgmumsb.cloudfront.net/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_690x194.jpeg" alt="image" data-base62-sha1="xjSCGCdDwgRqb1OJkiAZNgbEQEr" width="690" height="194" class="d-lazyload" srcset="https://d11a6trkgmumsb.cloudfront.net/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_690x194.jpeg, https://d11a6trkgmumsb.cloudfront.net/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_1035x291.jpeg 1.5x, https://d11a6trkgmumsb.cloudfront.net/optimized/3X/e/9/e98710650be7c014168330f7c60d7081340c89cb_2_1380x388.jpeg 2x">
In Discourse ist die Breite immer 690 px.
Auf meiner Website beträgt sie jedoch 1200 px, und die Bilder werden dadurch ausgeblendet.
