Vielleicht laden Ihre Nutzer gerne Bilder im Hochformat hoch. Auf kleinen Bildschirmen wie dem eines Mobiltelefons kann dies zu unerwünschten Stilproblemen führen, da das Bild innerhalb einer Positionsblase zu viel Platz benötigt.
Um dies zu verhindern, können Sie den folgenden CSS-Code verwenden, um eine feste Bildgröße (z. B. 4:3) festzulegen und das Bild darin zu beschneiden oder zu skalieren:
CSS
@media (max-width: 768px) {
.open-user-map .box-wrap .map-wrap .leaflet-map .leaflet-popup-content-wrapper .leaflet-popup-content .oum_location_image img {
aspect-ratio: 4/3;
object-fit: contain;
object-position: top center;
background-color: #eee;
}
}Sie können mit der Option Seitenverhältnis oder versuchen Objektpassung: Abdeckung um das Bild zuzuschneiden.
Wir planen, mit einem zukünftigen Update eine neue UX für die mobile Ansicht bereitzustellen, so dass dies in der Zwischenzeit nur eine vorübergehende schnelle Lösung sein kann.