CSS中的响应输入字段-流体宽度? [英] Responsive input fields in CSS - fluid width?

问题描述

我正在尝试使以下注册框在CSS中反应灵敏.

这里是一个示例: http://cssdesk.com/aYLwW

我希望输入字段的宽度灵活"并根据页面缩小.

从示例中您可以看到，当我缩小窗口时，按钮最终会下降到输入字段下方.

考虑到这一点，我应该将输入#iiihuu-iiihuu字段的宽度设置为是什么，以允许输入字段在没有任何 bumppage 的情况下正常调整大小?

非常感谢您提出任何建议:-D

解决方案

为包含文本框和按钮的div提供min-width:550px;.这样，您的控制就不会中断.

前工作.此处 http://cssdesk.com/dUjxF

正如定义中所说的min-width设置元素的min-width，在任何情况下它都不会低于该大小.

I'm trying to make the following sign up box fluid responsive in CSS.

Here is an example: http://cssdesk.com/aYLwW

I would like the input field width to be "flexible" and shrink depending on the page.

You can see from the example when I shrink the window, the button eventually drops down below the input field.

With this in mind, what should I set my input#iiihuu-iiihuu field width to be to allow the input field to gracefully resize without any bumpage?

Many thanks for any pointers :-D

解决方案

Give a min-width:550px; to the div containing the text-box and button. Your control will not break then.

Working ex. here http://cssdesk.com/dUjxF

As the definition says min-width sets a min-width to the element, it doesn't go below that size under any circumstances.

这篇关于CSS中的响应输入字段-流体宽度?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！