CSSスタイルの列と応答性を作る

Question

私はCSSの問題をコーディングしている。私は私のウェブサイトに2つの列セクションを持っています。私はそれを反応させた。しかし、モバイル版では、最初の左の段落の段落が、全幅を塗りつぶす代わりに、わずか50％にリサイズされます。右の列は素晴らしいようです。

コラムCSS

style="position: relative; margin: .5em;" 

用と左の列のために私が持っている：

style="width: 50%; margin-bottom: .5em;" 

右の列私が持っている間、ここで

は、私がCSSコードで持っているものです：

rightColumn {position: absolute; top: 0; right: 0; width: 50%;} 

左の列のサイズを全幅の半分になるように独自のサイズにするのは間違っていますか？これを修正する方法はありますか？

の例では、左の列にメディアクエリを適用する必要が助け

Answer 1

ためhttp://internetpro.org/w/

おかげで見つけることができ、モバイルビューポートで、それは50％ですが、100％でなければなりません。このメディアクエリを右の列に適用しましたが、左の列には適用しませんでした。

Answer 2

左側の画像に100％サイズの自動調整や切り替えを適用できます。