在这种情况下,在同一行中,我左边有单词,右边有图像 . 问题是当我尝试调整浏览器的大小时,图像div将缩小(宽度和高度将调整得更小),但单词div不会同时缩小 . (单词div只是调整宽度,但高度相同)如何正确修复它?

http://codepen.io/anon/pen/ALRZGa

<div class=container>
   <div class="word">
   <h1>Hello</h1>
   </div>

   <div class=picture>
   <figure> <img src="...">
   </div>
  </div>