左對齊div不在某些頁面尺寸上居中

Question

所涉及頁面的示例： https : //rhstrategic.staging.wpengine.com/team/brandon-blackwell/

我在這里有一種特定的情況，其中我的塊div保持向左對齊，並且當屏幕尺寸小於960px時（頂部紅色橫幅部分中的名稱塊）僅使用50％的寬度。 我嘗試更改CSS以使寬度為100％，但是問題是高度似乎是隨着寬度動態生成的（如果我將div寬度增加到100％，則高度也會加倍）。

我不知道如何分隔高度和寬度，也不知道這些CSS更改是從哪里動態生成的。 它看起來有點像HTML5數據對象，但是對於這些類型的東西我有點陌生，所以我不確定如何更改它。 當它下降到650px時，它的行為似乎與我想要的一樣。 但是在650-960px之間，它保持對齊狀態。

我需要做的就是當頁面下降到960px或以下時，我需要使該部分當前對齊以使其在頁面上全角並居中。 有任何想法嗎？

Answer 1

只是警告：我不是100％肯定這個答案會正確工作...我的想法是將此樣式放入div： div{ width:100%; height:50%; } div{ width:100%; height:50%; }

Answer 2

我想建議幾件事：

1. 如果您不熟悉前端設計，建議您了解HTML頁面的網格系統。 學習Bootstrap將是您的理想起點。
2. 現在，您想讓您的網站更加流暢，因此，請看一下CSS媒體查詢 。 這將幫助您獲得響應能力。

快樂編碼