JavaScript ist deaktiviert. Für eine bessere Darstellung aktiviere bitte JavaScript in deinem Browser, bevor du fortfährst.

Auf Thema antworten

Beitrag: [QUOTE="UliHF, post: 14295, member: 4817"] Gibt es eine Erklärung dafür, weshalb der Browser in diesem Beispiel das Default-img (60px) nimmt? Ich denke, dass er aufgrund des scrsets von "dummy-mit-schriftzug.0120x0144.jpg 1k" auf meinem 1920x1080, 96dpi Monitor dieses größere Bild laden sollte. [CODE]<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Drei Fälle der Einbindung eines Bildes</title> <style> img-medium { width: 70vw } </style> </head> <body> <p>Fall 1, default-Bildbreite = src = 60px, auf 50px Breite darzustellen.<br> Deklariert wird jedoch, auf einem 1k Bildschirm das 120px breite Bild aus dem srcset zu verwenden.</p> <img width="50px" height="60px" src="dummy-mit-schriftzug.0060x0072.jpg" srcset=" dummy-mit-schriftzug.0120x0144.jpg 1k " > </body> </html> [/CODE] Auf meinerm System lädt er nur das 60px breite Bild. Im Inspektor habe ich nichts dazu sehen können. Würde mich über eine Klärung sehr freuen, Grüße Uli [COLOR=rgb(41, 105, 176)]Gelöst:[/COLOR] Mea culpa - hatte die Angabe 1x mit 1k verwechselt! Mit '1x' lädt der Browser das größere Bild, obwohl der Monitor nur Full HD ist, also etwas unter den 1x. Was für mich merkwürdig bleibt: Der Firefox Inspektor sagte nichts dazu - in Opera hab ich's nicht versucht. [/QUOTE]