2017-10-13 29 views
0

如何使文字身份證號碼在移動設備上響應?我在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> 

它的外觀上移動

image1

它的外觀在桌面上

image

+2

嘗試改變單元'em'或'vmax',如'PX在大多數情況下,由於它是靜態的,所以在響應中是不好的 – Swellar

回答

0

只需使用移動解決這個媒體查詢。請檢查代碼。希望對你有所幫助。它會將每個元素與全寬列對齊。

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

在頭將這個:

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

@media查詢像這樣:

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