（HTML）的文本，如果擴展到手機大小（框架結構）

Question

進出口使用的框架結構使我的第一個作品集網站，

的網站看起來不錯，我的屏幕（1920×1080）上，但如果我嘗試擴展它到手機（nexus 5x）文本自動進入圖像

有人可以向我解釋爲什麼文本進入圖像？

在這裏，你有問題的截圖： https://gyazo.com/8f7be918817a9c3580fcae51b72442b4

如果你想看看網站在線：

https://test.luukkenselaar.nl/

謝謝！

Answer 1

問題在於你的html佈局。請勿使用<img>標記將圖像設置爲除法背景。 請嘗試將圖像設置爲任何<div>的css背景，並使用媒體查詢更改最小高度div以使其響應。

例如：根據您的需要

.target-division { 
background: url('../img/some_img.png'); 
background-repeat: no-repeat; 
min-height: 770px; 
} 

變化最小高度。 您也可以刪除這些代碼：

.container { 
    margin-top: 30%; 
} 

這將消除當前的問題。