Css 分裂部分在高度上不响应

我有一个单页的布局模板，我只有一个div的问题，特别是在一个分割的部分。出于某种原因，我所有的div都是响应的，除了一个之外，不考虑内容。它包含我的个人资料图片下面的你好部分我的网站

---

任何人都可以提出可能的解决方案或帮助我解决这个问题，我已经尝试将最大高度：px高度：%min高度：px包含在每个版面的@media查询的css中，但似乎没有任何效果。。。。。也许我错过了一些非常简单的东西……。

这个网站对我来说只是一个黑屏。尝试将麻烦的代码上传到JSFIDLE中，以便我们可以查看特定区域。页面正在为我加载，但我不确定您希望在配置文件图片中发生什么。它看起来像是在更小的屏幕上，它的底部被裁剪掉了，但它的响应性很强，我看不到任何东西在断裂。是的，它被裁剪掉了。。。。这意味着高度不是完全响应的，我已经分别处理了容器div的大小和照片，但由于某些原因，它们不会相互吻合@詹姆逊。这是因为

上的最小高度为500px。拆分为三分之一。拆分为bg

。通过删除它，并将背景图像属性更改为包含而不是覆盖：

url（“http://www.dtcm.co.nz/wp-content/uploads/2016/02/davidtsai.jpg）无重复50%50%/contain

，您可以防止它被裁剪（）。就我个人而言，我认为它看起来更适合裁剪。我删除了部分中的最小高度：500px，因为这是以纵横比显示图片的唯一方法，但它只在firebug inspect中起作用，而不曾应用于.css。。。。我尝试了contain命令，但它在所有设备大小中都保持包含图片@詹姆逊。我想我需要的是确保它没有被裁剪，或者当div部分减少或增加容器高度时，有一个焦点显示面，并让图片响应它。。。。有什么建议吗？我被卡住了。。。