2016-11-03 5 views
-2

Jedes Mal, wenn ich ein- und auszoomen, verschiebt sich mein Inhalt in meinem Browser. Wie behalte ich meine Inhalte beim Ein- und Auszoomen im Browser? Ich habe dieses Thema gesucht, aber ich kann keine Lösung für dieses Problem finden.Wie kann ich den Inhaltsinhalt beim Ein- und Auszoomen beibehalten?

#top-container{ 
 
        width: 100%; 
 
        height: 105px; 
 
        margin: 0 auto; 
 
        
 
        
 
       } 
 
       body{ 
 
        padding: 0; 
 
        margin: 0; 
 
       } 
 
       #luxlogo{ 
 
        width: 300px; 
 
        height: 105px; 
 
        margin-left: 700px; 
 
       }
<div id="top-container"> 
 
       <img id="luxlogo" src="luxpics/luxlogo.png"> 
 
      </div>

+0

Es ist eine ziemlich umfassende Beschreibung können Sie Code anzeigen oder mehr deutlich näher erläutern? Welche Art von Zoom, Browser-Zoom oder ElementZoom ... Beziehen Sie sich auf objectfit wie hier gezeigt auf einer Codepen-Demo> http://codepen.io/norcaljohnny/pen/oYvdpG –

+0

Sorry, ich habe es hinzugefügt. Nein, wenn Sie "STRG + Plus oder Minus" drücken, wird der Bildschirm klein. Schau dir den Code an, den ich gesendet habe. Wenn das Bild zentriert ist, wird beim Ein- und Auszoomen nach links und rechts verschoben. – Jon2713

+1

Dazu können Sie position: absolute verwenden und geben Sie eine obere und linke Position oder verwenden Hintergrund-Position: cover oder contain. –

Antwort

2

Plakat sagte dies für den Kommentarbereich gearbeitet, um eine Antwort ich hinzufügen.

Dafür können Sie position: absolute verwenden und geben Sie eine obere und linke Position oder verwenden Hintergrund-Position: abdecken oder enthalten.

1

diese #luxlogo

zum id
#luxlogo{ 
width: 300px; 
height: 105px; 
position: absolute; 
right:20px; 
} 
Verwandte Themen