在响应式文本框中需要帮助 [英] Need help in responsive textbox

问题描述

先生，我有一个表格，其中我显示3-4个文本框和1个提交按钮。我想让这个表格也适合移动设备。我希望将文本框显示在中心或宽度为40％但是当在移动设备上打开此表单时，它适合移动屏幕，如m.facebook.com登录页面。



我尝试了什么：


$ b $我正在尝试一些差异代码：

Sir, i have a form in which i am showing 3-4 textbox and 1 submit button. i want to make this form mobile friendly also. i want to show my textbox in center or from with 40% width but when open this form on mobile it fit to the mobile screen like "m.facebook.com" login page.

What I have tried:

i am trying some diffrents codes:

    <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

并使用bootstrap css：

and using bootstrap css:

<asp:TextBox ID="firstname" runat="server"  CssClass="form-control" placeholder="Name Of the Client" />

但它不适用于我。

but its not working for me.

推荐答案

你必须学习响应式网页设计。

1.从 The Three R响应式网页设计 - Peter Leow的代码博客 [ ^ ]

2.来自响应式网页设计基础  | 网络  |  Google开发者 [ ^ ]

3.要在创建响应式布局时找到Bootstrap的使用，请转到引导您的网页2 - 负责任地布置 - Peter Leow的代码博客 [ ^ ]

You will have to learn responsive web design.
1. Start with the basic ideas of responsive web design from The Three R's of Responsive Web Design - Peter Leow's Code Blog[^]
2. A walk-through from the Responsive Web Design Basics  |  Web  |  Google Developers[^]
3. To find the use of Bootstrap in creating responsive layout, head to Bootstrapping Your Web Pages 2 - Laying Out Responsively - Peter Leow's Code Blog[^]

您可以检查是否需要任何父级中的任何父级容器，你也可以检查你的css是否在页面上正确调用，可能是css文件路径丢失。

You can check if required any parent class in any parent container, Also you can check whether your css are calling properly on the page, may be css file path missing.

这篇关于在响应式文本框中需要帮助的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！