javascript - 左对齐的 div 不以某些页面大小为中心

Question

相关页面的示例:https://rhstrategic.staging.wpengine.com/team/brandon-blackwell/

我这里有一种特殊情况，当屏幕尺寸低于 960px 时，我有一个 block div 保持左对齐并且只使用 50% 的宽度(顶部红色横幅部分中的名称 block ) .我尝试更改 CSS 以使宽度为 100%，但问题是高度似乎是随宽度动态生成的(如果我将 div 宽度增加到 100%，高度也会加倍)。

我不知道如何分离高度和宽度，也不知道这些 CSS 更改是从何处或从哪个文件动态生成的。它看起来有点像 HTML5 数据对象，但我对这些类型的东西有点陌生，所以我不确定如何更改它。当它下降到 650px 时，它似乎表现得像我想要的那样。但在 650-960px 之间它是左对齐的。

我需要做的就是当页面缩小到 960px 或以下时，我需要当前左对齐的部分在整个页面上全宽并居中。有什么想法吗？

Answer 1

只是一个警告:我不是 100% 确定这个答案会正确工作...我的想法是将这种样式放在 div 中:分区{
宽度:100%；
高度:50%；
}