title: How to create web pages for all resolutions (both mobile device and computer)
body: <p>I am trying to write a small tool to convert pictures and text files to HTML pages.</p>
  
  <p>The layout of my HTML page is quit simple:</p>
  
  <p><img src="https://i.stack.imgur.com/cTGQ8.png" alt="The layout of my HTML page"></p>
  
  <p>The problem is, when I adjust the HTML page for computer browsers， the font is too small for mobile browsers.</p>
  
  <p>When I adjust the the HTML page for mobile  browsers， the page is too ugly in computer browsers.</p>
  
  <p>I do not know much about CSS. Is there any way to create a HTML page for all resolutions? or I have to generate two kinds of HTML pages, one for computer browsers and one for mobile browsers.</p>
  
  <hr>
  
  <p>I talked about this problem with our UI designers. They told me, I have to use several css files + pictures with different size to do it. It seems that we were in the last century.</p>
  
  <p>At last, I find this tool: <a href="http://pingendo.com/" rel="nofollow noreferrer">Pingendo</a>, which is good enough for this HTML page.</p>