（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%; 
} 

这将消除当前的问题。