響應重疊問題

Question

我有以下問題。

我試圖在我的標題中放置圖像。然而，每一次我嘗試從手持設備（例如，移動電話），我已經放在與我的標誌重疊的圖像查看網站...

<style> 
     #babypic{    
     position: absolute; 
     max-width: 200px; 
     height: auto; 
     left: 0; 
     top: 111px; 
     }     
     </style> 
    <div id="babypic"> 
     <img src={{ 'baby2.png' | asset_url }}> 
     </div> 

下面的截圖可以幫助你瞭解我的問題更好：

正如你可以在第一張圖上看到，寶寶是在完美的位置。但是，當我試圖減少窗口或從手機訪問該網站的嬰兒與第二張圖片所示的徽標重疊...

任何幫助嗎？在此先感謝你們！

Answer 1

你應該調整寶寶圖片大小或增加標題高度並改變風格#babypic {
position：absolute; max-width：200px; 身高：自動; left：0; bottom：0px; }

如果寶寶圖片在底部。