style属性のみを使い、一定のウィンドウ幅を超えたら2段組みになるようにしたい
いつもお世話になります。
css埋め込みのみによる回りこみ制御を考えています。
横幅780px以上の場合、
<div style="float: left; width: 50%;">a</div>
<div style="float: left; width: 50%;">b</div>
とし、横幅がこれを下回る場合、
<div style="float: left; width: 100%;">a</div>
<div style="float: left; width: 100%;">b</div>
以上のようなことをmax-width,min-width等の埋め込みのみで制御したいのですが、
何かいい方法はありませんでしょうか?
こちらではこんな感じで作ってみましたがイマイチです。
<div style="float: left; width: 390px; max-width: 100%; height: 200px; background: black;" ></div>
<div style="float: right; width: 390px; max-width: 100%; height: 200px; background: yellow;"></div>
<div style="float: left; width: 390px; max-width: 100%; height: 200px; background: red;" ></div>
<div style="float: right; width: 390px; max-width: 100%; height: 200px; background: gray;"></div>
基本的に実現したいことは、親要素の横幅780px以上の場合、子要素を2列で表示し、
親要素の横幅780px未満になる場合は子要素を1列で表示したいです。
埋め込みだけでもできそうな感じはするのですが、
皆さんのお知恵をお借りしたいと思います。
よろしくお願いします。