No_Avatar: Ja, klar darin enthalten waren / sind für die Breite und Höhe 90px angegeben und die (*neuzeitliche) Berechnungsfolge für background-position und background-size basierten darauf. Man muss ein wenig "zirkeln", wenn die Containerbreite bzw. deren Höhe z.B. 60px beträgt.
Machbar ist´s jedenfalls und nur das wollte ich ansatzweise aufzeigen, da du danach fragtest. Weiß nicht, ob ich es schaffe, die neue Style-Version in Kürze anzuschauen.
Grüße und einen schönen dritten Advent!
*Edit: 17.12.2017
====
Edit: 18.12.2017
Wie ich nun sehe wurde die Deklaration aus der Version 3.2.1._b
Code: Alles auswählen
.no-avatar .avatar-container {
display: block;
width: 100px;
height: 100px;
background: transparent none 50% 50% no-repeat;
background-image: none;
background-size: auto auto;
background-size: cover;
background-image: url("./images/no_avatar.gif");
margin-top: 7px;
border: 3px ridge #F4F4F4;
border-radius: 4px;
}
in der Version 3.2.1_c geändert in:
Code: Alles auswählen
.no-avatar .avatar-container {
display: block;
width: 100px;
height: 100px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url("./images/no_avatar.gif");
background-position: 50% 55%;
background-size: auto auto;
margin-top: 7px;
border: 3px ridge #F4F4F4;
border-radius: 4px;
}
und ergänzt um:
Code: Alles auswählen
@media only screen and (max-width: 701px), only screen and (max-device-width: 701px) {
.no-avatar .avatar-container {
display: block;
width: auto;
max-height: 32px;
background-color: transparent;
background-repeat: no-repeat;
background-image: url("./images/no_avatar.gif");
background-position: 5% 25%;
background-size: auto 100%;
margin: 0;
}
}
Also keine Rückkehr zum Ursprung sondern eine wunderbare Idee einer Veränderung.
Viele Grüße