jquery - 表结构更改为响应式？

Question

我已经使用过像这个表格 View 这样的代码如何改变它的 div 标签样式？ 我想在响应中更改表结构？我将如何改变任何想法？我可以在表格标签内使用样式吗？我厌倦了 div 标签，但它不起作用？知道如何改变这种完全响应的结构吗？？

<TABLE BORDER="1" id="login" CELLPADDING="4" CELLSPACING="0">
 <TR>

        <TD ALIGN="RIGHT"><FONT FACE="VERDANA" SIZE="2"><B>Organization ID:</TD>

        <TD><INPUT TYPE="TEXT" NAME="org_id"></TD>

      </TR> 
<TR>

        <TD ALIGN="RIGHT"><FONT FACE="VERDANA" SIZE="2"><B>UserName:</TD>

        <TD><INPUT TYPE="TEXT" NAME="uname"></TD>

      </TR>

      <TR>

        <TD ALIGN="RIGHT"><FONT FACE="VERDANA" SIZE="2"><B>Password:</TD>

        <TD><INPUT TYPE="password" NAME="pwd"></TD>

      </TR>

      <TR>

        <TD COLSPAN="2" ALIGN="RIGHT"><INPUT TYPE="IMAGE" SRC="images/login.png" BORDER="0"></TD>

      </TR>

    </TABLE>

    </FORM> 

Answer 1

以百分比设置表格宽度

table{
  width:100%;
  }