height=24 heißt halt, dass das Bild bitteschön 24 (ja was denn) groß sein soll. Der Browser hat also keinerlei Veranlassung das zu ändern.
Such bitte mal nach
css height oder
CSS Demo: height.
Hinter die 24 gehört eigentlich noch eine Angabe zu der Einheit, auf die sich die Größenangabe bezieht, fehlt die, dann macht der Browser das, was seine Programmiererinnen und Programmierer für richtig oder als Default angesehen haben. Das Verhalten bei dieser CSS-Angabe muss also nicht bei allen Browsern und deren Versionen identisch sein.
Weitere Möglichkeiten für die Größenangabe:
Code:
em ; Orientiert sich an der Schriftgröße.
px ; Höhenangabe in Pixel.
auto ; Der Browser passt die Höhe automatisch an die Umgebung an.
Prozentwert ; Prozentangabe, anhand der eine Skalierung erfolgt.
pt ; Höhernangabe in Punkten.
cm ; Höhenangabe in Zentimeter.
in : Höhenangabe in Zoll.
mm : Höhenangabe in Millimeter.
Weiteres unter
em, px, pt, cm, in …
Apropos: height für die Höhenangabe. Und was ist mit der Breite? Zufall? Oder der Browser wird's schon richten?
Eine DPI-Änderung hat übrigens keinen Einfluss auf die Angaben in den Styles. Über geänderte Größenangaben im CSS wirst Du (höchstwahrscheinlich) nicht zum Ziel kommen.
Eventuell findest Du bei der "Konkurenz" ja weiterführende Infos:
Is there a way to use DPI in css media queries instead of px
Keine Ahnung, ob davon jetzt irgendwas wirklich eine weiterführende Info ist. Aber eventuell lockert sich der Nebel, in dem Du momentan rumstochern musst.