Hallo liebe Community,
ich habe über die config.yml verschiedene Bildgrößen bestimmt, die auf verschiedenen Bildschirmgrößen verschiedene Dimensionen haben sollen.
So soll ein Kopfbild bei 1920px Bildschirmbreite das Verhältnis 1920x500 haben und auf dem Mobilen 500x450.
Jetzt wird allerdings nur das größte Verhältnis (1920x500) ausgegeben und lediglich runterskaliert anstatt auf die anderen Verhältnisse zuzuschneiden...
Das Ding ist, dass auf verschiedenen Systemen manchmal funktioniert und manchmal nicht und das bei gleicher config.yml...
Hier ist mal das Kopfbildbeispiel
Code:
sizes:
kopfbild-start:
width: 500
height: 450
resizeMode: 'crop'
zoom: 100
cssClass: 'kopfbild-start'
densities: '1x, 2x'
lazy_loading: true
items:
- width: 768
height: 500
resizeMode: 'crop'
zoom: 100
densities: '0.5x, 2x'
sizes: '100vw'
media: '(min-width:480px) and (max-width:767px)'
- width: 1024
height: 500
resizeMode: 'crop'
zoom: 100
densities: '0.5x, 2x'
sizes: '100vw'
media: '(min-width:768px) and (max-width:1023px)'
- width: 1920
height: 580
resizeMode: 'crop'
zoom: 100
densities: '0.5x, 2x'
sizes: '100vw'
media: '(min-width:1024px) and (max-width: 1920px)'
- width: 3000
height: 580
resizeMode: 'crop'
zoom: 100
densities: '0.5x, 2x'
sizes: '100vw'
media: '(min-width:1921px)'
habe ich dabei einen Fehler drinnen, den ich einfach nicht sehe, oder kann das an etwas anderem liegen?
Vielen Dank schonmal und beste Grüße
Florin
Lesezeichen