title: CSS: set max-width to 220px, OR 50% if 220px will be more than 50% of the view
body: <p>I'm trying to set the width of my images to 220px, unless the view (forexample on an iphone) will make the 220px take more than 50% of the screen width.</p>
  
  <p>If i set the image to 220px max-width, it will take more than 50% of the screen width of an iPhone 6 4.7" forexample. So in that case, I want the CSS rule to be max-width: 50%, not 220px.</p>
  
  <p>How can I accomplish this?</p>