CSS: Größe logo, während die Aufrechterhaltung der Aspekt mit browser

#logo {
    background: url(/images/logo.png) 0 0 no-repeat;
    width: 268px;
    height: 96px;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 1000;
}

Dies ist mein logo css und wenn ich die Höhe und die Breite um x% Es nur Schnitte von unten und rechts von meinem logo-Bild. Wie kann ich style mein logo so, dass es bleibt bei 5% der browser-Breite unter Beibehaltung Aspekt? Dank

InformationsquelleAutor colbern | 2011-08-15

  1. 1

    Dein Bild hat eine <img> tag, keinen hintergrund, und die CSS von diesem <img> tag :

    #logo_img{
    width:5%;
}

    vorausgesetzt, die Eltern von #logo_img ist 100% in der Breite.

    InformationsquelleAutor darma

  2. 0

    Mithilfe der <img> element für die Bilder, natürlich.

    InformationsquelleAutor orlp

  3. 0

    Ist es möglich, in einem hintergrund-Bild. Sehen diese demo bei CSSplay. Ethan Marcotte hat auch detaillierte Techniken , die eventuell für Ihre Anwendung geeignet.

    InformationsquelleAutor steveax

Schreibe einen Kommentar