如何最小化> （宽度和高度）？

Question

我尝试过：

font-size:40%;

但发现它不起作用

Answer 1

您必须提供输入标记的宽度和高度属性值

<input type="text" style="width: 50px; height: 10px" />

，或者您可以使用此字体大小的类，

<style>
.SmallInput { width: 50px; height: 10px; }
</style>

<input type="text" class="SmallInput" />

仅减少文本框内字体的大小，而不减少其尺寸。

Answer 2

您可以使用 em 作为尺寸。 Em 是字体的大小。 .5 em 是字体大小的 1/2。

Answer 3

不幸的是，文本框的高度是用户代理特定的东西，我相信 FF、Opera 和 IE 会将其视为框对象，而 Safari（可能还有 Mac 上的 FF？）使用 OSX 控件且不可调整。当然，IE6盒子模型已经被破坏了。