Bild an jedes Gerät anpassen

-2

Ich habe ein Problem Ich muss ein Hintergrundbild auf den Körper meiner Seite setzen, aber das ist reaktionsfähig und passt zu jeder Größe .. das sollte ich nur mit CSS oder auch Javascript tun, könnte geben Beispiel bitteBild an jedes Gerät anpassen

Quelle

2017-07-15 max

Der erste Treffer bei Google ist [Perfect Full Page Background Image] (https://css-tricks.com/perfect-full-page-background-image/) – adeneo

Irgendwelche Codes, die Sie teilen wollten, um Ihr Problem zu zeigen? Hatten Sie Hintergrundgröße? –

Klingt so, als ob Sie eine Kombination aus '@ media' und' background-size' wünschen. Sie sollten kein JS benötigen, wenn Sie es richtig gemacht haben. –

Für die CSS

.body { 
    background-image: url('myImg.jpeg'); 
    background-position:center top; // you can change this as you like. 
    background-repeat:no-repeat; 
    -moz-background-size:cover; 
    background-size:cover; 
    height: 100%; 
    width:100%; 
}

hinzufügen -moz-background-size für Firefox Browser.

Quelle

2017-07-16 01:06:22 kansiho

Für die HTML:

<body class="background"> 
    <!-- Content goes here --> 
</body>

Für die CSS:

.background { 
    background-image: url(image.png); 
    background-size: cover; 
    position: fixed; 
}

Sag mir, wie es geht!

Quelle

2017-07-15 14:59:58 HoogleyBoogley

Bild an jedes Gerät anpassen

Antwort

Verwandte Themen