title: how to make leaflet map height variable
body: <p>In my Application I was making div of map as</p>
  
  <pre><code>&lt;div id="map" style="height: 610px; width:100%"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>but to make my map responsive I want to make height also 100%, if I make <code>height: 100%</code> then it is not working.</p>
  
  <p>How can I make height also variable like width so that map can be seen properly on any device.</p>
  
  <p>Demo : <a href="http://jsfiddle.net/CcYp6/">http://jsfiddle.net/CcYp6/</a></p>
  
  <p>If you change height &amp; width of map then you will not get map.</p>