changing my simple html page into mobile friendly
<p>I have this simple html page
<a href="http://testphpagain1.comxa.com//index.html" rel="nofollow">http://testphpagain1.comxa.com//index.html</a></p>

<p>Can you please show how to make it fit/resizes to full screen on any mobile device?</p>

<pre><code>&lt;table border="1"&gt;
&lt;tbody&gt;&lt;tr&gt;
&lt;th&gt;&lt;/th&gt;
&lt;td&gt;text1&lt;/td&gt;&lt;td&gt;smile&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;who are you?&lt;/th&gt;&lt;td&gt;&lt;input type="text" value="0" id="input1" &gt;&lt;/td&gt;
&lt;td&gt;&lt;input type="text" value="0" id="input2"  &gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;text2&lt;/th&gt;&lt;td&gt;&lt;input type="text" value="0" id="input3"  &gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" value="6" id="input4"  &gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;age?&lt;/th&gt;&lt;td&gt;&lt;input type="text" value="500" id="input5"  &gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" value="10" id="input6"  &gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;Ratio&lt;/th&gt;&lt;td&gt;&lt;input type="text" value="1243" id="input7"  &gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" value="100"  id="input8"  &gt;&lt;/td&gt;&lt;/tr&gt;&lt;tr&gt;&lt;th&gt;what is your name?&lt;/th&gt;&lt;td&gt;&lt;input type="text" value="0" id="input9"  &gt;&lt;/td&gt;
&lt;td&gt;&lt;input type="text" value="yes" id="input10" "&gt;&lt;/td&gt;


&lt;/tr&gt;&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;test&lt;/th&gt;&lt;td&gt;&lt;input type="text" id="input11"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text"  id="input12"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;test&lt;/th&gt;&lt;td&gt;&lt;input type="text"  id="input13"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text"  id="input14"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;what??&lt;/th&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;check this&lt;/th&gt;&lt;td&gt;&lt;input type="text"  id="input15"&gt;&lt;/td&gt;&lt;td&gt;&lt;input type="text" id="input16"&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;nothing here&lt;/th&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;test test test&lt;/th&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;test&lt;/th&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;test&lt;/th&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;th&gt;test&lt;/th&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;td&gt;&amp;nbsp;&lt;/td&gt;&lt;/tr&gt;
</code></pre>

<p><strong>Update</strong></p>

<p>It is a single page for a single purpose and it won't be part of a website. So no design/graphics are included that I should worry about. The way I want the table to respond is to stay in the middle webpage if it was browsed from PC, but it stretches itself to the boarders of the screen if it was browsed from a mobile or tabled</p>