Feste CSS-element skaliert/skaliert browser
es ist wohl eine sehr einfache Antwort auf diese sehr einfache Frage, aber ich kann einfach nicht scheinen, um es zu finden, und seine mich verrückt. was ich habe, ist ein div-element am unteren rechten Ecke des Fenster mit einem Bild in es ca. 260 x 300 px.
mein css-code ist:
#doomdiamond{
position:absolute;
right:50px;
bottom:50px;
}
- und html ist dies
<div id="doomdiamond">
<img src="doomdiamond.gif" />
</div>
alles ziemlich einfach. das element zeigt sich mit dem Bild drin, bei der richtigen Entfernung von der browser-Fenster. aber was ich wirklich wollen, es zu tun ist, skalieren/Größe ändern sich proportional, wenn der browser in der Größe verändert, stattdessen bleiben die gleiche Größe.
dies ist möglich, richtig?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Habe ich erstellt ein Beispiel für Sie zeigt ein Bild, das sitzt in der unteren rechten Ecke, mit der Größe auf der Grundlage der Breite des Fensters.
Es funktioniert durch die Einstellung die Bildbreite auf ein Prozent-Wert. Prozentangaben beziehen sich auf die mit Eltern; weil ich nicht die Ursache für die
#doomdiamond
div absolut gesetzt, wird er nicht aufgestellt übergeordnete Objekt.Einstellung nur die
width
oderheight
einerimg
- element bewirkt, dass das Bild proportional skaliert.P. S. Diese verwendet kein JavaScript :p
Ja, es ist möglich, Sie müssen JavaScript es aber tun. Sind Sie mit einer JS-frameworks ?
UPDATE
Sieht aus wie resize div-Element und seine Inhalte auf dem browser-Fenster resize ist, was Sie suchen