【问题标题】:Responsive input fields in CSS - fluid width?CSS中的响应式输入字段-流体宽度?
【发布时间】:2012-07-06 11:10:09
【问题描述】:

我正在尝试使以下注册框在 CSS 中流畅响应。

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

我希望输入字段的宽度“灵活”并根据页面缩小。

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

考虑到这一点,我应该将我的 input#iiihuu-iiihuu 字段宽度设置为多少以允许输入字段优雅地调整大小而不会出现任何凹凸? p>

非常感谢您的任何指点:-D

【问题讨论】:

标签: css forms input


【解决方案1】:

给包含文本框和按钮的 div 一个min-width:550px;。你的控制不会中断。

工作前。这里http://cssdesk.com/dUjxF

正如定义所说,min-width 为元素设置了一个最小宽度,在任何情况下它都不会低于该尺寸。

【讨论】:

  • 谢谢你,阿什温。有没有办法用按钮对接输入字段?您会注意到该按钮仍位于输入字段下方。我应该删除width: 450px 声明吗?再次感谢
  • @mcgarriers 哎呀,贴错了链接,改了,再看看。 cssdesk.com/dUjxF
  • 您的 cssdesk 链接实际上并没有使输入字段响应。在框中键入会导致文本停止部分交叉。您包含的开发人员响应迅速 - 具有误导性。
  • OP对解决方案很满意。
【解决方案2】:

您可以将 css 宽度更改为基于百分比。 See here

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2014-01-05
    • 2021-12-29
    • 2018-01-28
    • 2012-08-06
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多