如何使文本响应设备？

Question

如何使文本身份证号码在移动设备上响应？我在asp.net工作，我是初学者。 Identitycardlabel是我想要扩展的文本。

<tbody>
    <tr>
      <td><asp:Label ID="IdentityCardLabel"  Text="Identity Card No:" runat="server" style="font-size:25px;"/></td>
      <td><asp:TextBox ID="IdentityCardTextBox" runat="server" MaxLength="10" Width="160px" Height="35px" CssClass="form-control"/></td>
      <td><asp:Button ID="btnGo" runat="server" Text="GO"  CssClass="btn btn-default" OnClick="btnGo_Click" Font-Size="18px"/></td>
    </tr>

它在移动设备上的外观

它在桌面上的外观

Answer 1

只需将此媒体查询用于移动设备分辨率即可。请检查代码。希望它对你有所帮助。它会将每个元素与全宽列对齐。

@media(max-width:767px)
{
  table, tr, td,tbody {display:block;}
}

Answer 2

将其放在标题中：

<meta name="viewport" content="width=device-width, initial-scale=1.0">

将@media个问题置于其中：

@media (max-width:800px) { 
  css as required...
}