左揃えdivが問題のページの

Question

例のサイズ：https://rhstrategic.staging.wpengine.com/team/brandon-blackwell/

私は左揃えとのみ50使用して滞在しているブロックのdivを持っている、ここで具体的な状況のようなものを持っています画面のサイズが960ピクセル未満の場合の幅（上部の赤いバナー部分の名前ブロック）。私は幅を100％にするようにCSSを変更しようとしましたが、問題は高さが幅と共に動的に生成されているようです（divの幅を100％に増やすと高さも倍になります）。

高さと幅を分ける方法がわかりませんし、これらのCSS変更が動的に生成されているファイルや場所がわかりません。 HTML5データオブジェクトのように見えますが、私はこれらのタイプのものに少し新しいので、変更方法がわかりません。それが650pxに下がると、それは私が望むように振る舞うようです。しかし、650〜960pxの間では、左揃えになります。

私が必要とするのは、ページが960px以下になるときに、現在ページ全体にわたって全幅に配置され、中央に配置されている部分が必要なことです。何か案は？

Answer 1

は単なる警告：私はこの答えは正常に動作することを100％わからないんだけど...私のアイデアはdivの中でこのスタイルを置くことです：私は提案したいものの div{ width:100%; height:50%; }

Answer 2

カップル：

1. フロントエンド設計に慣れていない場合は、HTMLページのグリッドシステムを理解することをお勧めします。 Bootstrapを学ぶことはあなたにとって完璧なスタートになるでしょう。
2. あなたはウェブサイトを流動的にしたいので、CSS media queryを見てください。これにより、応答性を達成するのに役立ちます。

..