いつもお世話になります。
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列で表示したいです。

埋め込みだけでもできそうな感じはするのですが、
皆さんのお知恵をお借りしたいと思います。

よろしくお願いします。