title_body: Stretching an image to fit the screen I am converting a book for use on a Kindle 7. I want certain images to display as large as possible while keeping the original aspect ratio. I can get the images to display properly in EPUB format, but when I convert to MOBI, the image shrinks back to its original size.
  
  HTML
  
  &lt;img alt="Image" src="index-11_1.png" width="100%"/&gt;
  
  
  CSS
  
  div.span img {width: 100%;}
  
  &lt;div class="span"&gt;&lt;img alt="Image" src="index-11_1.png" /&gt;&lt;/div&gt;
  
  
  Both of these methods seem to work, but they do not survive the conversion to MOBI. Isn't there any way to force images to span the width of the screen?
  
  Side by side for comparison http://imgur.com/aYKvxGc
upvoted_answer: unfortunately you can't make width:100%; in mobi files. Amazon just strip that away. You can try to set min-width:100%; instead but this is little different in behave so test are needed. More about which CSS kindle respect you can read in this documentation. 
  
  2017/06/27
  Changes in KF8 format allow now using width css property