2つのdivを保持するdivがあると仮定すると、
画面サイズに応じてレスポンシブにする方法はありますか？これをモバイル版に適用したいのですが、めちゃくちゃになっています...
<div id="primary">
<div id="left"><div id="object1" align='justify'>
<br/><br/>
<p>
If you told me this was a computer generated image of a mothership hovering over a planet's surface, I would have believed you. Instead, I had to look up desmids, which turned out to be a form of green algae. I would have guessed this is a cell in the process of dividing, but it turns out that one of the characteristic features of desmids is that they're a single cell divided into two compartments. (See, even I'm learning something from this.) Desmids are so tiny that this image was taken at 100x power. The green backdrop? It's a moss.
</p>
</div></div>
<div id="right"><div id="object3">
<b><h2>title</h2></b>
<img class="align-right" alt="" src="http://cdn.arstechnica.net/wp-content/uploads/2012/10/09_Place_22047_3_Drange.jpg" style="width:200px" /></div></div></div>
画像とdivを画面サイズによって縮小する方法がわかりません...
jsfiddleを見てください 実際、画像が下にあり、左の列と同じレベルではない2つの列を保持するdivを作成できません...