1

我一直在尝试在流畅的引导布局中调整输入字段的大小。

要调整它们的大小,您可以使用 input-mini 到 input-xxlarge 大小。一旦容器变得太小,这些导致字段将溢出其父容器,因此在流体设计中似乎存在问题。

这留下了 spanX 大小和输入块级类,它们的大小相对于它们的父级,但存在如果容器太宽则输入也太宽的问题。input-block-level 使输入占用 100% 的空间。

我还注意到 input-block-level 类将 box-sizing 更改为border-box,这导致输入尊重其周围容器的填充,并且不会溢出容器等于其内部填充的量。如果您只是将输入框的宽度设置为 100%,由于其内部填充和框模型,它将溢出。

无论如何,似乎有一堆额外的 input-mini 到 input-large 类,但不是具有以下样式:

width: X;

具有以下样式:

max-width: X;
width: 100%;
box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box

会有帮助吗?

这似乎是人们想要的一件显而易见的事情,因为它可以让他们的输入不会收缩得太大,但当他们的容器变得太小时时会适当地收缩。我在这里问的原因是如此明显,我担心我一定错过了一些东西,而且这种方法一定有问题。

谢谢

4

0 回答 0