如何在放大和縮小時保持css內容的位置？

-2

每當我放大和縮小時，在我的瀏覽器中，我的內容都會移出位置。在瀏覽器中放大和縮小時，如何保留我的內容。我一直在尋找這個主題，但我找不到解決這個問題的方法。如何在放大和縮小時保持css內容的位置？

#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>

來源

2016-11-03 Jon2713

它是一個非常寬泛的描述，可以顯示代碼或闡述清楚一點嗎？什麼類型的縮放，瀏覽器縮放或元素縮放...您是否指的是像這樣在codepen演示中顯示的objectfit> http://codepen.io/norcaljohnny/pen/oYvdpG –

對不起，我添加了它。不，當你按下「CTRL +加號或減號」時，它會讓你的屏幕變小。看看我發送的代碼。當圖片居中時，放大和縮小時左右移動。 – Jon2713

爲此，您可以使用position：absolute，並將其放在頂部和左側位置或使用背景位置：覆蓋或包含。 –

海報說，這工作了註釋部分，所以我將作爲一個答案。

爲了您可以使用位置：絕對，並給它一個頂部和左側位置或使用背景位置：封面或包含。

來源

2016-11-03 02:30:17

這將ID添加#luxlogo

#luxlogo{ 
width: 300px; 
height: 105px; 
position: absolute; 
right:20px; 
}

來源

2016-11-03 02:40:53 the12

如何在放大和縮小時保持css內容的位置？

回答

相關問題