title: How to make photos properly sized in img tag to fit proportional to the screen?
body: <p>I have this photo page:</p>
  
  <p><a href="http://www.comehike.com/hikes/hike_image.php?hike_photo_id=106&amp;photo_path=http://www.comehike.com/img/hiking_photos/-1_311_5/full_IMG_4612.jpg" rel="noreferrer">http://www.comehike.com/hikes/hike_image.php?hike_photo_id=106&amp;photo_path=http://www.comehike.com/img/hiking_photos/-1_311_5/full_IMG_4612.jpg</a></p>
  
  <p>As you can see, the picture is waaaaay  bigger that the screen.  Is there a way to downsize the photos to keep its proportions of length and width, but also to fit nicely on the page?</p>
  
  <p>Thanks!</p>