<style>
.choice-img {
width: 230px !important;
min-width: 230px !important;
max-width: 230px !important;
height: 230px !important;
min-height: 230px !important;
max-height: 230px !important;
object-fit: cover !important;
}
/* Mobile Version */
@media only screen and (max-width: 768px),
only screen and (max-device-width: 768px) {
.choice-img,
img.choice-img,
img[src*="Animals-2-low.jpg"] {
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
height: 100px !important;
min-height: 100px !important;
max-height: 100px !important;
object-fit: cover !important;
}
}
</style>
Ich habe im Bereich "Fragebogen zusammenstellen" mit dem Code gearbeitet. In der Dekstopversion sowie in der Mobilversion funktionierte er grundsätzlich. Bei einem der Bilder unterscheiden sich die Dimensionen von den anderen Bildern, und der Befehl "cover" funktioniert bei diesem Bild in der Mobilversion nicht, bzw. das Bild wird nur mittig dargestellt, behält seine ursprüngliche Dimensionen bei.